什么可能导致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

您的代码

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

应在$(document).ready(function(){{});

之内

像这样移动块，以便在加载文档后应用侦听器。如果不这样做，则不会将侦听器应用于节点。

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

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