Maldito conflito JQUERY !

[rickwebd 0]

Olá pessoal...estou com um probleminha comum entre nós...conflito com bibliotecas jquery...

 

abaixo vou passar o link da página que estou desenvolvendo...

 

nesse link " http://192.185.216.123/~aquality/produto.html " - tenho <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> e <script src="scripts/elevatezoom/jquery.min.js" type="text/javascript"></script> rodando juntos...porém o slider do "OUTROS PRODUTOS" não funciona o resto funciona belezinha...

 

nesse outro link " http://192.185.216.123/~aquality/produto2.html " - eu retiro o <script src="scripts/elevatezoom/jquery.min.js" type="text/javascript"></script> e o fancybox da galeria dos carros para de funcionar mas o slider funciona...

 

nesse outro link " http://192.185.216.123/~aquality/produto3.html " eu retiro o <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"> aí já zoa tudo.....

Não sei mais o que fazer...já troquei por todas as bibliotecas possíveis e imaginárias e não "funfa"... já tentei o jQuery.noConflict() e nada...to precisando só disso p/ finalizar esse site....por favor se alguém puder me ajudar eu agradeço e mmmuuuiiiittttoooo !!!!

 

[William Bruno 1501]

jquery.latest e jquery.min

 

são a mesma coisa.

você não precisa colocar várias vezes o core do jQuery. Coloque uma única vez.

 

Retire um deles.

 

 

Mesma coisa com o jquery.ui, vc tá importando a mesma coisa várias vezes.

Não faça isso.

 

Para entender os erros, aperte Ctrl + Shift + J no Firefox

http://wbruno.com.br/javascript-puro/como-debugar-javascript-firefox-erros-comuns/

[rickwebd 0]

Olá Willian, se vc reparar, no segundo link eu tiro o jquery.min e deixo só o jquery.latest e o fancybox da galeria dos carros para de funcionar...

 

o jquery.ui está importado uma vez só...em qual parte do site vc está mencionando que eu to importando vários ??

[William Bruno 1501]

então, mas olha lá, estou usando o último link produto3.html como referência.

 

	<script type="text/javascript" src="scripts/tinycarousel/jquery.tinycarousel.js"></script>
	<script type="text/javascript">
		$(document).ready(function()
		{
			$('#slider1').tinycarousel();
		});
	</script>
    
    
 
<script src="scripts/jquery.min.js" type="text/javascript"></script> 
<script src="scripts/elevatezoom/jquery-ui.js" type="text/javascript"></script>

<script src="scripts/elevatezoom/jquery.elevatezoom.min.js" type="text/javascript"></script>
<script src="scripts/elevatezoom/jquery.fancybox.pack.js" type="text/javascript"></script>

o jQuery e o jQuery.ui precisam ser importados antes de tudo. Ai você colocou o tiny antes do jQuery, e isso não pode.

A primeira tag script deve ser a do jQuery.

 

E além disso, olhando os erros como te recomendei, com o Ctrl + Shift + J, aparece isso:

"NetworkError: 404 Not Found - http://192.185.216.123/~aquality/scripts/jquery.min.js"

 

Ou seja, o arquivo jquery.min não está sendo encontrado. Confira o nome e o caminho.

 

Vá debugando pelo console e coloque o jQuery antes dos plugins.

 

 

e ai, lá embaixo você tem:

 

<script type="text/javascript" src="scripts/rcarrousel/jquery.ui.core.js"></script>

sendo que em cima, já tinha colocado:

<script src="scripts/elevatezoom/jquery-ui.js" type="text/javascript"></script>

ou seja, jquery.ui 2 vezes

[rickwebd 0]

DEU CERTOOOO !!!!!! MUITO OBRIGADO PELAS DICAS WILLIAM !!!

 

veja no link: http://192.185.216.123/~aquality/produto.html

 

 

Consegui resolver...deixando o

<script src="scripts/jquery.min.js" type="text/javascript"></script>  

e coloquei o

	<script type="text/javascript" src="scripts/tinycarousel/jquery.tinycarousel.js"></script>
	<script type="text/javascript">
		$(document).ready(function()
		{
			$('#slider1').tinycarousel();
		});
	</script>

abaixo do jquery.min e tudo funcionou... :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap:

 

a única coisa que eu me surpreendi foi que tirando o jquery.min e deixando o jquery.latest o fancybox para de funcionar....esquisito...

 

outra coisinha Willian...o

<script src="scripts/elevatezoom/jquery-ui.js" type="text/javascript"></script>

não é biblioteca diferente da

<script type="text/javascript" src="scripts/rcarrousel/jquery.ui.core.js"></script>

???? não era p/ dar conflito.... :huh: