cuestión Javascript con easyslider
-
11-10-2019 - |
Pregunta
Primera visita esta página y colocar el ratón sobre el menú: http://milabalami.com/saved/2/index.php
A continuación, visita esta página de Wordpress donde he implementado exactamente el mismo código: http://milabalami.com
Al pasar el ratón sobre el menú de Wordpress, verá que el cursor no aparece. ¿Por qué? Puedo ver que la página da un error que dice:
$ is not a function
http://miladalami.com/wp-content/themes/sandbox/js/custom.js
¿Por qué? Su exactamente el mismo código que funcionó a la perfección en la otra página. No entiendo por qué se está dando ese error en la página de WordPress, y no en el otro, donde funciona el control deslizante. Cualquier persona que me podría ayudar a resolver este rompecabezas?
puzzle resuelto por Yi Jiang.
Solución
Parece que en algún lugar a lo largo del camino, la $
quedó anulado. Puede seguir utilizando su código, sin embargo, mediante el uso de jQuery
en lugar 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})
})
});
Es una medida provisional, sin embargo. Usted debe combinar todo el código en un solo archivo, en lugar de separarlos hacia fuera como lo que son ahora, y reducir su dependencia de los plugins.