Question

我已经疯狂了几个小时在我的网站上测试一些jquery脚本而没有任何工作，而它可以在小提琴上运行......

所以这就是我所拥有的：

然后我有一个脚本如下，但我无法让它工作!!!

<script type="text/javascript">
$(":checkbox").bind("click", function(event) {
    if ($(this).is(':checked')) {
        $(".itemBox:not(#" + $(this).val() + ")").hide();
        $(".itemBox[id='" + $(this).val() + "']").show();
    } else {
        $(".itemBox").show();
    }
});
</script>

Answer 1

您必须等待文档加载才能将事件绑定到它。

jQuery通过calling the ready method on the document提供了一种简单的方法，并将所有代码放在该函数中：

jQuery(document).ready(function($) {
    // All of your code should go in this function
});

Answer 2

稍微清理一下代码，在附加事件处理程序之前使用文档准备好确保元素存在。

jQuery( function() {  //wait for document to be ready
    //$(":checkbox").on("click", function (event)  //should really use on() if it is jQuery 1.7+
    $(":checkbox").bind("click", function (event) {  //bind is deprecated
        var cb = jQuery(this),
            items = $(".itemBox");
        if (cb.is(':checked')) {
            items.hide();
            $("#" + cb.val()).show();
        } else {
            items.show();
        }
        cb = items = null;
    });
});

Jquery头标签问题

2 个答案: