Javascript проблема с easyslider - PullRequest
Новая
       2

Javascript проблема с easyslider

0 голосов
/ 14 января 2011

Сначала зайдите на эту страницу и наведите курсор мыши на меню: 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, а не на другой, где работает слайдер. Кто-нибудь, кто мог бы помочь мне в решении этой загадки?

Загадка, решенная И Цзянем.

1 Ответ

1 голос
/ 14 января 2011

Похоже, что где-то по пути, $ был переопределен. Однако вы все равно можете использовать свой код, используя 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})
    })
});

Однако это временная мера. Вы должны объединить весь свой код в один файл, вместо того, чтобы разделять их, как они есть сейчас, и уменьшить свою зависимость от плагинов.

...