Jquery bascule fonction sauts sur les pages qui incluent mootools ou script slimbox

Question

Mon ami me demande de regarder sur son site où il y a une erreur sur les pages qui utilisent slimbox-- une rupture de fonction Jquery non-reliée - voici le code:

$(function() { 
    $(".cat_nav dd").hide(); 
    $(".cat_nav dt").click(function() { 
     $(this).next().toggle(); 
     return false; 
    }); 
}); 

Ce code fonctionne très bien lorsque les scripts de Slimbox et Mootools ne sont pas présents, mais ayant l'un de ces scripts chargent les pauses IT- dt éléments ne sont pas cachés et en cliquant sur leurs dd respectifs s ne les basculer pas caché. Voici le message d'erreur de la console JS Safari:

TypeError: Result of expression '$(".cat_nav dd")' [null] is not an object. 

Cette erreur apparaît uniquement sur les pages qui se chargent slimbox ou Mootools, comme si:

<script type="text/javascript" src="/js/mootools.js" charset="utf-8"></script> 
<script type="text/javascript" src="/js/slimbox.js" charset="utf-8"></script> 

est-il un moyen de composer ce qui est compatible avec slimbox? Elle utilise slimbox pour afficher des galeries sur certaines pages qui utilisent cette fonction.

Answer 1

This article devrait aider. Fondamentalement, vous devez appeler noConflict et utiliser jQuery() pour appeler vos fonctions jQuery.

Answer 2

Cette erreur apparaît à cause de l'utilisation de $(".cat_nav dd"), vous devez utiliser $$(".cat_nav dd"), car la fonction $() dans mootools ne prend que l'élément ID selector CSS.