Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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>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.
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>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 ?
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
você não precisa do noConflict();
você ta usando apenas jQuery, oque deve fazer é chamar uma unica vez.
ou seja, não importe a mesma lib mais de uma vez.