Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ViniciusPackeiser.com

Problemas com plugins jQuery

Recommended Posts

Olá,

 

Estou desenvolvendo um site e estou utilizando alguns plugins como: Multibox, Scrollable e um menu em javascript, so que esta dando conflito entre eles, quando chamo as funções na tag head ai começa, um para de funcionar o outro ja da bug e por ai vai... gostaria de saber se alguem sabe alguma solução de utilizar esses plugins sem conflito entre eles. Normalmente o conflito acontece quando adiciono o script .js na tag head. Desde já agradeço a atenção de vocês.

 

Link dos scripts:

 

Scrollable

http://flowplayer.org/tools/demos/scrollable/index.html

 

Multibox (utilizo o exemplo html)

http://phatfusion.net/multibox/

Compartilhar este post


Link para o post
Compartilhar em outros sites

mostre como você tentou fazer.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ok.

 

Os includes dos arquivos js são esses:

 

Esse é do menu em javascript

<script type="text/javascript" src="js/qm.js"></script>
<script type="text/javascript" src="js/qm_pure_css.js"></script>
<script type="text/javascript" src="js/qm_round_corners.js"></script>
<script type="text/javascript" src="js/qm_round_items.js"></script>

Fora da tag head
<script type="text/javascript">qm_create(0,false,0,250,false,false,false,false);</script>

Esse é do plugin multibox

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/overlay.js"></script>
<script type="text/javascript" src="js/multibox.js"></script>
<script type="text/javascript" src="js/qm_round_items.js"></script>

Esse é do scrollabe

<script src="js/jquery.tools.min.js"></script>

Fora da tag head
<script>
 // execute your scripts when the DOM is ready. this is mostly a good habit
    $(function() {
 // initialize scrollable
    $(".scrollable").scrollable();
});
</script>

Dessa forma só não esta funcionando o multibox, o menu e o scrollabe esta ok.

 

Se ficou confuso de ler os codigos, qualquer coisa posso upar a pagina para você ver ela completa.

Obrigado pela atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

vamo lá... então o teu problema é que você está usando 2 bibliotecas:

 

mootools e jquery

 

veja sobre o noConflit() do jQuery.

http://api.jquery.com/jQuery.noConflict/

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se eu adiciono esse código

 

<script>
 jQuery.noConflict();
 
 // Use jQuery via jQuery(...)
 jQuery(document).read(function(){
   jQuery("div").hide();
 });
 
 // Use Prototype with $(...), etc.
 $('someid').hide();
</script>

toda a pagina fica em branco, acredito que tenha que editar nessa parte alguma coisa:

nessa linha a palavra div

jQuery("div").hide();
e nessa a
$('someid').hide();
someid so nao sei o que colocar ali...

Compartilhar este post


Link para o post
Compartilhar em outros sites

você escreveu (document).read, o certo é .ready, arruma isso ae =D

 

Espero ter ajudado.

 

Continua na mesma.. valeu ai pela ajuda..

 

Alguem sabe me dizer como que utilizo essa função do jQuery.noConflict() ?

Pesquisei bastante mas não achei muita coisa...

Obrigado..

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.