javascript - 外部 .js 文件中的 jQuery 脚本未触发

Question

我在一个不会运行的外部 .js 文件中有一小段脚本。这是脚本：

$(document).ready(function () {
    $('#chkAllTracts').change(function () {
        alert("fired");
    })
});

我在同一个 .js 文件中有许多其他函数，它们使用了一些 jQuery，它们都可以正常工作，但这是我尝试在此语法中使用的第一个 jQuery：

$(document).ready(function (){   }

我要做的就是在更改复选框（选中或未选中）时打开警报。在调用此函数之前，使用 jQuery 动态添加复选框元素“chkAllTracts”。

Answer 1

$('#checkbox1').mousedown(function() {
    if (!$(this).is(':checked')) {
        alert("test")
    }
});

类似的东西？（已编辑）

Answer 2

这对我有用：

$(document).ready(function(){
  $("body").append( 
    $("<input>")
      .attr("type", "checkbox")
      .change(function(){ alert("It works!"); }))
});

当文档准备好时，它在正文中包含复选框输入，更改事件设置为触发警报消息。

Answer 3

这是因为您的元素是动态添加到 DOM 中的。当 jQuery 首次初始化时，jQuery 选择器不会得到它。你需要做的是

$('body').find('#chkAllTracts').change(function () {
    alert("fired");
});

我认为这应该可以解决您的问题。