Выпуск JavaScript с EasySlider
-
11-10-2019 - |
Вопрос
Сначала посетите эту страницу и наведите свою мышь в меню:http://milabalami.com/saved/2/index.php
Затем посетите эту страницу WordPress, где я реализовал тот же код:http://milabalami.com
Когда вы наведете свою мышь над меню WordPress, вы увидите, что слайдер не появляется. Почему? Я вижу, что страница дает ошибку, указывающую:
$ is not a function
http://miladalami.com/wp-content/themes/sandbox/js/custom.js
Почему это? Это тот же код, который отлично работал на другой странице. Я не понимаю, почему она дает эту ошибку на странице WordPress, а не на другой, где работает слайдер. Кто -нибудь, кто мог бы помочь мне в решении этой головоломки?
Головоломка, решенная Йи Цзян.
Решение
Это похоже на то, что на этом пути, $
Получил переопределенный. Однако вы все еще можете использовать свой код, используя jQuery
вместо $
-
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})
})
});
Однако это мера остановки. Вы должны объединить весь свой код в один файл, вместо того, чтобы разделить их, как сейчас, и уменьшить зависимость от плагинов.