Pourquoi prototype.js interfère-t-il avec des opérations javascript non liées?

Question

Construire un site web. Lorsque je commande mes tags comme celui-ci, Lightcycle fonctionne mais ne Lightbox:

fonctionne Lightcycle, Lightbox n'a pas:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript" src="./js/prototype.js"></script> 

Lorsque je commande comme ça, mais fonctionne Lightbox Lightcycle doesn » t:

Lightbox fonctionne, lightcycle n'a pas:

<script type="text/javascript" src="./js/prototype.js"></script>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

Frustrant.

Answer 1

Vous rencontrez un conflit car les deux bibliothèques utilisent le raccourci $. Regardez dans la fonction noconflict de jQuery ou l'équivalent du prototype.

Vous pouvez en lire plus ici: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Answer 2

Est-ce un appel à jQuery.noConflict() réparer? Vous pouvez aussi donner jQuery un alias de votre sur les fonctions si vous manquez le raccourci $:

var $j = jQuery.noConflict(); 

Références:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

http://samsami2u.wordpress.com/2009/03/14/prototypejs-jqueryjs-conflict-and-resolution/

Answer 3

Parce qu'ils utilisent le même raccourci $.

les opérations suivantes:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript">jQuery.noConflict();</script> 
<script type="text/javascript" src="./js/prototype.js"></script> 

Answer 4

Donc, en utilisant rêves Surreal recontamination, je mis en œuvre ceci:

<script src="./prototype.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

    <script> 
    var $j = jQuery.noConflict(); 

    // Use jQuery via $j(...) 
    $j(document).ready(function(){ 
     $j("div").hide(); 
    }); 

    // Use Prototype with $(...), etc. 
    $('someid').hide(); 
    </script> 


<script type="text/javascript" src="./js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="./js/lightbox.js"></script> 

<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> 
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.lite.1.0.min.js"></script> 

<script type="text/javascript"> 

$(function() { 
    $('#slideshow1').cycle({ 
     delay: 2000, 
     speed: 1000, 
    }); 


}); 

</script> 

La prochaine question qui vient à l'esprit est ce que pour remplacer 'someid' avec. Je suppose '# slideshow1'. Mais ce qui s'affiche lorsque je fais cela est juste une page noire. Ennuyeux.