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

Question

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

这是有问题的网站。这是代码：

$(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

事件处理程序也应该进入 ready 函数：

$(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 之前获取它们。