javascript - $(document).ready 已停止工作

Question

<script type="text/javascript">
$(document).ready(function() {
    alert("test");                         
    document.getElementById("currentemp").onclick = disableThem;
});
function disableThem(){
    if (document.getElementById("currentemp").checked)  {
        document.getElementById("edate_m").disabled = true;
        document.getElementById("edate_y").disabled = true;
    } 
    else {
        document.getElementById("edate_m").disabled = false;
        document.getElementById("edate_y").disabled = false;
    }
}
$(function(){
    alert("test2");        
    if (document.getElementById("currentemp").checked)  {
        document.getElementById("edate_m").disabled = true;
        document.getElementById("edate_y").disabled = true;
    } 
    else {
        document.getElementById("edate_m").disabled = false;
        document.getElementById("edate_y").disabled = false;
    }
});
</script>

你好。这个脚本几周前就开始工作了。现在我注意到它停止工作，即使我没有改变它。通常，当我的 JavaScript 停止工作时，因为我有大量的 JavaScript，有时这些函数会相互交叉。但我已经放入了警报框，但似乎它甚至没有按应有的方式加载。

有调试的想法吗？

Answer 1

1. 将您的自定义函数放在 document.ready 之前，以防万一。
2. 您不需要两个现成的函数。
3. 确保页面中的元素可用并且选择器有效。

这是您的简化代码:

function disableThem() {
    var state = $("#currentemp").is(":checked");
    $("#edate_m").attr("disabled", state);
    $("#edate_y").attr("disabled", state);
}

$(function() {
    disableThem();
    $("#currentemp").onclick = disableThem;
});