Conflits de scripts Java sur ma page d'accueil

Question

<script type="text/javascript" src="jquery-1.js"></script> 
<script type="text/javascript" src="mootools.js"></script> 
<script type="text/javascript" src="slideshow.js"></script> 
<script type="text/javascript"> 
//<![CDATA[ 
    window.addEvent('domready', function(){ 
    var data = { 
     '1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' }, 
     '2.jpg': { caption: 'A Ceibu tree.' }, 
     '3.jpg': { caption: 'The view from Volcano Maderas.' }, 
     '4.jpg': { caption: 'Beer and ice cream.' } 
    }; 
    var myShow = new Slideshow('show', data, {controller: true, height: 400, hu: 'images/', thumbnails: true, width: 500}); 
    }); 
//]]> 
</script> 
<script type="text/javascript"> 
$(document).ready(function() 
{ 
//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
$("#firstpane p.menu_head").click(function() 
    { 
    $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); 
     $(this).siblings().css({backgroundImage:"url(left.png)"}); 
}); 
//slides the element with class "menu_body" when mouse is over the paragraph 
$("#secondpane p.menu_head").mouseover(function() 
    { 
     $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow"); 
     $(this).siblings().css({backgroundImage:"url(left.png)"}); 
}); 
}); 
</script> 

<!--[if lt IE 7]> 
     <script type="text/javascript" src="unitpngfix.js"></script> 
<![endif]--> 

Answer 1

Après avoir inclus jQuery, vous devez appeler $ .noConflict(). Cela permettra d'éliminer le « $ » de l'espace de noms global:

<script type="text/javascript" src="jquery-1.js"></script> 
<script> 
$.noConflict(); 
</script> 
<script type="text/javascript" src="mootools.js"></script> 

À ce stade, vous devez utiliser jQuery au lieu de $ si vous voulez appeler du code jQuery. Ou vous pouvez utiliser une astuce en enveloppant le symbole $ dans une fermeture:

<script type="text/javascript"> 
jQuery(function($) { 
    // here you can use $ instead of jQuery 
}); 
</script> 

Answer 2

pas de conflit de jQuery est un excellent choix. Je suggère que faire quelque chose comme ceci:

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

qui va vous donner accès à la fonctionnalité de jQuery en utilisant j $ à la place de $. J'utilise cette méthode pour inclure jQuery dans la plupart des pages via GreaseMonkey. J'ai une copie personnalisée de jQuery qui inclut l'appel ci-dessus à la fin. J'utilise GreaseMonkey pour insérer un lien vers ce script dans la tête des pages Web afin que je puisse étudier les propriétés des objets en utilisant $ j sans affecter les autres bibliothèques qui pourraient être présentes dans la page et en utilisant $.