Ir para conteúdo

POWERED BY:

Arquivado

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

winv

[Resolvido] Como usar o no conflit no jquery

Recommended Posts

Gente boa tarde, estou desenvolvendo uma site e nele uso duas bibliotecas jquery, ja vi o tutorial aqui do forum que fala sobre como usar o no-conflit mais não consegui fazer funcionar alguem pode me dar uma luz. Não consegui achar o local correto pra colocar o no-conflit.

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script type="text/javascript" src="Scripts/jquery.min.js" ></script>
<script type="text/javascript" src="Scripts/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
</head>


Compartilhar este post


Link para o post
Compartilhar em outros sites

você não precisa do noConflict();

 

você ta usando apenas jQuery, oque deve fazer é chamar uma unica vez.

<script type="text/javascript" src="Scripts/jquery.min.js" ></script>
<script type="text/javascript" src="Scripts/jquery-ui.min.js" ></script>

deixar apenas:

<script type="text/javascript" src="Scripts/jquery-ui.min.js" ></script>

ou seja, não importe a mesma lib mais de uma vez.

Compartilhar este post


Link para o post
Compartilhar em outros sites

deixei apenas a linha que você falou ai o jquery parou de funcionar coloquei o no-conflit e voltou a funcionar, mais o pro é o seguinte o jquery que não esta funcionando é o outro o que apresenta os slides, esse num voltou a funcionar.

 

segue abaixo o codigo que chamado o outr jquery, tipo fiz o seguindo na div do index onde quero que apareça o jquery dou um include chamando a pagina onde ele esta


<!-- ########## CSS Files ########## -->	
<!-- Screen CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<!-- lightbox CSS -->
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />	
<!-- ########## end css ########## -->	


<!-- JAVASCRIPT GOES HERE -->		
<script type='text/javascript' src='js/jquery.js'></script>
<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>	

<script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script>
<script type='text/javascript' src='js/custom.min.js'></script>


Compartilhar este post


Link para o post
Compartilhar em outros sites

olha aqui:

 

<script type='text/javascript' src='js/jquery.js'></script>

e aqui:

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

 

é neste instante então que você está chamando 2 vezes a lib jquery.

 

deixe apenas uma dessas linhas.

e lá em cima das demais.

Compartilhar este post


Link para o post
Compartilhar em outros sites

No caso ficaria assim:

<!-- ########## CSS Files ########## -->        
       <!-- Screen CSS -->
       <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
       <!-- lightbox CSS -->
       <link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />      
       <!-- ########## end css ########## -->  


       <!-- JAVASCRIPT GOES HERE -->           
       <script type='text/javascript' src='js/jquery.js'></script>
       <script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>  

       <script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

não, ficaria assim:

 

<script type="text/javascript" src="Scripts/jquery.min.js" ></script>
<script type="text/javascript" src="Scripts/jquery-ui.min.js" ></script>
<script type="text/javascript">
       $(document).ready(function(){
               $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
       });
</script>

<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>  
<script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script>

<link rel="stylesheet" type="text/css" href="css/style2.css" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />      

entendeu ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara tipo agora esta aparecendo os dois mais tem só um pro os link de um deles num ta funcionado, tipo ele ta abrindo mais num passa de uma imagem pra outra no tempo que era pra passar e nem pega os links mais vou ver aqui você ja ajudou bastante, muito 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.