problema Javascript con EasySlider
-
11-10-2019 - |
Domanda
Prima di visitare questa pagina e passa il mouse sopra il menu: http://milabalami.com/saved/2/index.php
Poi visitare questa pagina di Wordpress in cui ho implementato il codice esattamente lo stesso: http://milabalami.com
Quando si passa il mouse sul menu di Wordpress, si vedrà che il cursore non si presenta. Perché? Posso vedere che la pagina dà un errore affermando:
$ is not a function
http://miladalami.com/wp-content/themes/sandbox/js/custom.js
Perché? Il suo lo stesso codice esatto che ha funzionato perfettamente sul altra pagina. Non capisco perché si sta dando che errore nella pagina di Wordpress, e non l'altro in cui funziona il dispositivo di scorrimento. Qualcuno che mi potesse aiutare a risolvere questo puzzle?
Puzzle risolto da Yi Jiang.
Soluzione
Sembra che da qualche parte lungo la strada, il $
ottenuto sovrascritto. È comunque possibile utilizzare il codice, tuttavia, utilizzando jQuery
invece di $
-
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})
})
});
E 'un palliativo, però. Si dovrebbe unire tutto il codice in un unico file, invece di separare come sono in questo momento, e ridurre la dipendenza da plugin.