Jquery头标签问题

Jquery head tags issue

本文关键字：问题 标签 Jquery      更新时间：2023-09-26

我已经疯狂地在我的网站上测试了几个小时的jquery脚本，但什么都不起作用，而它可以在Fiddles上工作。。。

以下是我的

然后我有了下面的脚本，但我无法让它发挥作用！！！

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

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

jQuery提供了一种简单的方法，通过调用文档上的ready方法，并将所有代码放入该函数中：

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

在附加事件处理程序之前，稍微清理了一下代码，使用了document ready来确保元素在那里。

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;
    });
});
相关文章：