jquery - 什么可能导致 jquery 在 JSFIDDLE 但不能在 LIVE SITE 上工作

Question

好的，我知道这已经被问了一百万次，但我没有调试任何东西（我认为）。我使用非常简单的代码，看起来非常简单。在加载时，隐藏一个 div ......当另一个 div 被点击时，fadeIN() 那个 div。

$(document).ready(function () {
    $('.menu').hide();
    $('.menuWrapper').hide();
});

$('.exp').click(function() {
    $('.menu').fadeIn(300);
    $('.menuWrapper').fadeIn(300);
});

很直接。从小提琴： http: //jsfiddle.net/CJxN3/ 到网站：http ://theparadox.me/sandbox/

Answer 1

Your code

$('.exp').click(function() {
    $('.menu').fadeIn(300);
    $('.menuWrapper').fadeIn(300);
});

should be within $(document).ready(function(){{});

Move the block inside like this for the listeners to be applied after document has been loaded. By not doing so, the listeners are not applied to the nodes.

$(document).ready(function () {
    $('.menu').hide();
    $('.menuWrapper').hide();

    $('.exp').click(function() {
        $('.menu').fadeIn(300);
        $('.menuWrapper').fadeIn(300);
    });
});