Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi pessoal,
coloquei dois scripts em jquery no meu site, um para navegação estilizada entre as páginas e um lightbox. Eu não entendo nada de javascript, eu ainda sou totalmente leigo no assunto, por essa razão copiei os comandos. Enfim, apenas um dois comandos funcionam, o que for inserido em segundo lugar. Eu sei que quando tem conflito entre scripts de lib diferentes pode-se usar o tal do comando ( var $a = jQuery.noConflict(); ), mas neste caso os dois scripts são da mesma lib, por isso não consigo entender o problema. Alguém pode me ajudar???
Muito obrigado desde já.
>
libs diferentes seria jQuery + mototools, jQuery + prototype...
como você ta fazendo jQuery + jQuery, então não tem sentido o noConflict()
É isso... antes eu estava usando um lightbox feito com prototype, mas achei melhor usar um em jquery pra evitar qualquer imprevisto. Valeu pela atenção, cara. Vou postar minhas tags script pra você analisar:
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="scripts/js/jquery.js"></script>
<script type="text/javascript" src="scripts/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox();
});
</script>obs: Importar a lib apenas uma vez seria juntar os links pro script lightbox com o anterior?
Experimentei pôr os arquivos js na mesma pasta, mas o problema persiste.
:/
olha, aqui você chama o jQuery:
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
e aqui você chama o jQuery de novo:
<script type="text/javascript" src="scripts/js/jquery.js"></script>
.Apenas exclua essa segunda chamada.
<link rel="stylesheet" href="css/coda-slider.css" type="text/css" charset="utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-1.3.3.js" type="text/javascript"></script>
<script src="js/jquery.localscroll-1.2.5.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.serialScroll-1.2.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/coda-slider.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script><!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="scripts/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/css/jquery.lightbox-0.5.css" media="screen" /><!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('a[@rel*=lightbox]').lightBox();
});
</script>entendeu ??
Entendi sim, tirei aqui e funcionou legal!
Valeu William!!
libs diferentes seria jQuery + mototools, jQuery + prototype...
como você ta fazendo jQuery + jQuery, então não tem sentido o noConflict()
apenas importe uma unica vez a lib jquery. Só isso.
se tiver duvidas, poste as tuas tags <script>