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

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

$(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之前获取元素.