jquery 隐藏在 .live 中有效，在 .ready 中失败

Question

下面的两个函数（除了应该运行的时间之外，其他都是相同的）都在 $(document).ready 中。 .live 版本按预期工作，在选中选择器时隐藏 2 个 div，在取消选中时显示它们。 .ready 版本不执行任何操作，但应该在加载页面时隐藏指定的 div。默认情况下选中“全天”复选框（用于测试目的）。

.ready 版本有什么问题？

$("input[name='allday']").ready(function(){ //OnLoad verify if allday is checked to disallow time entry
    if($(this).is(":checked")){ //There is a check
        $("#evst").hide(); //hide time entry
        $("#evet").hide();
    } else {
        $("#evst").show(); 
        $("#evet").show();
    }; 
}); 

$("input[name='allday']").live("click", function(){ //OnClick verify if allday is checked to disallow time entry
    if($(this).is(":checked")){ //There is a check
        $("#evst").slideUp(); //hide time entry
        $("#evet").slideUp();
    } else {
        $("#evst").slideDown(); 
        $("#evet").slideDown();
    }; 
});

Answer 1

当您使用 .ready 时 $(this) 将不会引用正确的元素 - 将其更改为 $("input[name='allday']")