Javascript 单击动态div不工作的事件

我已经根据文本框中输入的值创建了带有单击事件的div

当您打开页面并单击任意行时，您将收到一个警报。但是，当您更改文本框中的值（输入数字）并单击“加载”按钮时，将根据输入的数字加载行

现在，当您单击任何行时，单击事件不起作用

非常感谢您在这方面提供的任何帮助………

您需要该功能

$(".schoolselect").live("click", function() {

请参见此处：

您需要该函数

$(".schoolselect").live("click", function() {

---

请参见此处：

页面加载时，

$（'.schoolselect'）

的单击处理程序仅附加一次。这不是一个好方法，但这种技术被弃用，取而代之的是委托模型

您可以将代理附加到将处理单击的

$（“#divhschoolresulttable”）

$('#divHSSchoolResultTable').delegate('.schoolselect', 'click', function() { alert(); });

---

有关详细信息，请参阅。

页面加载时，

$（'.schoolselect'）

的单击处理程序仅附加一次。这不是一个好方法，但这种技术被弃用，取而代之的是委托模型

您可以将代理附加到将处理单击的

$（“#divhschoolresulttable”）

$('#divHSSchoolResultTable').delegate('.schoolselect', 'click', function() { alert(); });

---

有关更多详细信息，请参阅。

显示有问题的JS代码将非常有用。我认为HTML应该是指向JSFIDLE的链接。转到链接，您可以看到代码。显示有问题的JS代码将非常有用。我认为HTML应该是指向JSFIDLE的链接。转到链接，您可以看到代码。让我补充一点，mouseenter事件也是如此，只是为了预防：）在发布最初的小提琴之后，我确实注意到mouseover/mouseout事件。我在最新的链接中都添加了live。我要补充的是，mouseenter事件也是如此，只是为了预防：）我在发布最初的fiddle之后确实注意到了mouseover/mouseout事件。我在最新的链接中向这两个添加了live。实际上，“从jQuery 1.7开始，.delegate（）已被.on（）方法取代。但是，对于早期版本，它仍然是使用事件委派的最有效方法。”@Mario事件处理程序仅绑定到当前选定的元素；在代码调用.on（）时，它们必须存在于页面上。如果将新HTML注入页面，请在将新HTML放入页面后选择元素并附加事件处理程序。或者，使用委派事件来附加事件处理程序。我不是在反驳你刚才说的，但是，为什么jQuery团队决定将.delegate（）方法更改为.on（）方法？（实际上我很好奇）@Mario在大多数情况下使用.on（）方法是首选的。我发现我做了很多动态插入，创建一个委托比每次都需要在事件处理程序上附加on更简单。这可能只是一种风格，我没有运行过任何性能测试。问题是，我也做过很多动态插入，.on（）方法对我来说很有吸引力，我很想知道在什么情况下它不会运行，所以当它崩溃时，我不会花很多时间调试。（因为.on方法的工作原理与.delegate（）非常相似）实际上“从jQuery 1.7开始，.delegate（）已被.on（）方法取代。但是，对于早期版本，它仍然是使用事件委派的最有效方法。”@Mario事件处理程序仅绑定到当前选定的元素；在代码调用.on（）时，它们必须存在于页面上。如果将新HTML注入页面，请在将新HTML放入页面后选择元素并附加事件处理程序。或者，使用委派事件来附加事件处理程序。我不是在反驳你刚才说的，但是，为什么jQuery团队决定将.delegate（）方法更改为.on（）方法？（实际上我很好奇）@Mario在大多数情况下使用.on（）方法是首选的。我发现我做了很多动态插入，创建一个委托比每次都需要在事件处理程序上附加on更简单。这可能只是一种风格，我没有运行过任何性能测试。问题是，我也做过很多动态插入，.on（）方法对我来说很有吸引力，我很想知道在什么情况下它不会运行，所以当它崩溃时，我不会花很多时间调试。（因为.on方法的工作原理与.delegate（）非常相似）