jQuery单击事件在页面上不起作用,但它们适用于jsFiddle

时间:2013-02-19 16:49:29

标签: javascript jquery html css

我检查过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);
});

1 个答案:

答案 0 :(得分:8)

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

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