jquery .click 不工作 = jquery .on(click...) 工作正常

Question

几周前，我正在处理我的项目并编写了一些代码来使表格行可点击（去过那里，做到了）。 此代码以前使用过，没有问题。浪费了一天时间试图让代码工作（即使我之前已经做过多次） - 我试图让它工作的一些事情是 a - 将所有内容的 id 更改为 class， b - 将代码从脚本部分的底部移动到顶部，c - 重命名变量，d - 在变量前面添加“var”，减去var from 在变量前面，e - 将所有单引号改为双引号，将所有双引号改为单引号，f - 更改表名，g - 尝试点击表格而不是行，h - 将表格放入 div 中，将表格从 div 中取出，等等等等。

没有什么是成功的，所以作为最后的手段，深夜，我将 .click 切换到 .on(click - 出乎意料的惊喜 - 一切正常。

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

这里是sn-ps的两个代码：

$("#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);
           });

---

上面的永远不工作，下面的总是有效（我评论他们）。

这是来自另一个页面的代码 sn-p 可以正常工作：

$("#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(click 直接相关，因此对我来说，如果一个有效，那么另一个应该有效。

作为一个菜鸟，我想成为一个更好的程序员，尽管我的代码可以使用 .on(click，但我想知道为什么我的 .click 不起作用（智力练习）。

所以我的问题是：

1. .click 和 .on(click 真的相关吗？

2. 我在 click sn-p 中遗漏了什么明显的东西，使其无法正常工作？

3. 关于这个问题有什么不同的方法吗？

再次感谢您

Answer 1

.click 将点击事件绑定到当时存在于DOM 中的元素，而on() 将委托事件并绑定稍后动态添加的点击（事件）。

委托活动

委托事件的优点是它们可以处理来自 以后添加到文档中的后代元素。经过 选择一个保证在该时间存在的元素 附加了委托事件处理程序，您可以使用委托事件 避免频繁附加和删除事件处理程序的需要，Reference。