question Javascript avec easyslider

Question

Première visite cette page et passez votre souris sur le menu: http://milabalami.com/saved/2/index.php

Ensuite, visitez cette page Wordpress où je l'ai mis en œuvre exactement le même code: http://milabalami.com

Lorsque vous passez votre souris sur le menu Wordpress, vous verrez que le curseur ne se présente pas. Pourquoi? Je peux voir que la page donne une erreur indiquant:

$ is not a function 
http://miladalami.com/wp-content/themes/sandbox/js/custom.js

Pourquoi? Son exactement le même code qui a fonctionné parfaitement sur l'autre page. Je ne comprends pas pourquoi il donne cette erreur sur la page Wordpress, et non pas sur l'autre où le curseur fonctionne. Toute personne qui pourrait me aider à résoudre ce casse-tête?

Puzzle résolu par Yi Jiang.

Answer 1

On dirait que quelque part le long du chemin, le $ obtenu redéfinie. Vous pouvez toujours utiliser votre code, cependant, en utilisant jQuery au lieu de $ -

jQuery(document).ready(function($) {
    $("#featured").easySlider({
        speed: 400
    });

    $("#menu ul li a[class!='current']")
    .css( {backgroundPosition: "200px 2px"} )
    .mouseover(function(){
        $(this).stop().animate({backgroundPosition:"(0 2px)"}, {duration:400})
    })
    .mouseout(function(){
        $(this).stop().animate({backgroundPosition:"(200px 2px)"}, {duration:400})
    })
});

Il est une solution provisoire, cependant. Vous devez combiner tout votre code dans un fichier unique, au lieu de les séparer comme ils sont en ce moment, et réduire votre dépendance à l'égard des plugins.