javascript - jQuery 单击事件在页面上不起作用，但它们在 jsFiddle 上起作用

Question

我检查过 js 标签没问题，一切都关闭了，但是 js 突然决定不工作了。我的代码在 JSFiddle 中工作所以我知道它必须是我做的或者可能是服务器。我只需要一些外部影响来确保这不是疏忽。

这是 the site与问题。 这是代码:

$(document).ready(function(){
    $(".designers").show();
    $('.list').hide();
});

$(".but").click(function(){
    $(".designers").hide();
    $(".list").show("slide", { direction: "down" }, 1000);
});

$(".but2").click(function(){
    $(".designers").show();
    $(".list").hide("slide", { direction: "down" }, 1000);
});

Answer 1

事件处理程序也应该进入就绪函数:

$(document).ready(function(){
    $(".designers").show();
    $('.list').hide();

    $(".but").click(function(){
        $(".designers").hide();
        $(".list").show("slide", { direction: "down" }, 1000);
    });

    $(".but2").click(function(){
        $(".designers").show();
        $(".list").hide("slide", { direction: "down" }, 1000);
    });
});

JsFiddle 会自动将所有内容粘贴到准备就绪的文档中，这就是为什么它在那里工作而不是在您的网站上工作的原因，因为您试图在将元素添加到 DOM 之前获取这些元素。