Question

几个星期前，我正在研究我的项目，并编写了一些代码来使表格行可点击（在那里，完成了）。此代码之前已经使用过没有问题。浪费了一天试图让代码工作（尽管我之前已经多次完成了） - 我尝试使其工作的一些事情是 a - 将ID更改为类的所有内容， b - 将代码从脚本部分底部移到顶部， c - 重命名变量， d - 在变量前添加'var'，减去变量前面的var， e - 将所有单引号更改为双引号，将所有双引号更改为单引号， f - 更改表的名称， g - 尝试点击表格而不是行， h - 将表格放入div中，将表格从div中取出等等。

没有什么是成功的，所以作为最后的手段，深夜，我将.click切换到.on（点击 - 并且惊喜 - 一切正常。

昨天发生了同样的事情，但我没有做 a - h ，而是直接将.click更改为on（点击。

以下是两个代码段：

$("#mdtable tr").click(function() { 
    var localmdid = $(this).find("#mdid").html();
    alert("mdid =" + localmdid);
});

$(document).on('click', '#mdtable tr', function(e) {
    var localmdid = $(this).find("#mdid").html();
    alert("mdid =" + localmdid);
           });

上面的一个永远不会工作，下面的一个总是可以工作（我评论它们进出）。

以下是其他网页的代码片段，效果很好：

$("#patienttable tr").click(function() {
       var passthis = $(this).find("#localid").html();
       $.post("php/setsessionvariable.php",
              {sessionval: passthis},
              function(e) {window.location.href = "root.php"}
              );
});

我已经阅读了jQuery文档，它说.click函数在某种程度上与.on直接相关（点击，因此对我来说，如果一个有效，那么其他应该可以工作。

作为一个菜鸟，我想成为一个更好的程序员，即使我的代码与.on一起工作（点击，我想知道为什么我的.clicks不起作用（智力练习）。

所以我的问题是：

是.click和.on（点击真的相关吗？
在点击代码段中是否有一些显而易见的东西让它失去功能？
关于这个问题有不同的方法吗？

再次，我提前感谢你

Answer 1

.click会将click事件绑定到DOM中当时存在的元素，而on()将委托事件并绑定动态的click（事件）稍后补充说。

委托活动

委派事件的优势在于它们可以处理来自的事件稍后添加到文档中的后代元素。通过选择一个保证在当时存在的元素委托事件处理程序附加，您可以使用委托事件避免频繁附加和删除事件处理程序Reference。

jquery .click not working = jquery .on（click ...）工作正常

以下是两个代码段：

1 个答案:

委托活动