javascript - 无法使用 jQuery 定位动态生成的元素

Question

One of the pages I'm working on有一个包含表单的模态，当在大多数移动 iOS 设备上查看时，当每个输入都聚焦时，它会在错误的位置显示插入符号/光标。许多人报告了这个问题，包括 this page here .

根据他们的建议，我试图编写一些 JS 来隐藏正文内容等。我很难绑定(bind)到 .new-appt 和 的点击事件>.timeslot 元素。

我试过:

A) jQuery('.new-appt').click(function(){ alert(); });

B) jQuery('.timeslot').click(function(){ alert(); });

C) jQuery(document).on('click', '.new-appt', function(){ alert(); });

D) jQuery(document).on('click', '.timeslot', function(){ alert(); });

E) jQuery(document).live('click', '.new-appt', function(){ alert(); });

F) jQuery(document).live('click', '.timeslot', function(){ alert(); });

当粘贴到控制台时，A 到 D 似乎可以正常触发，但不是在脚本 block 中。我也尝试将它们放在 jQuery(document).ready 中，但这似乎没有帮助。

感谢任何建议。

Answer 1

在这些 DOM 元素准备好后，您必须将事件监听器附加到元素。在这种情况下，它是 DOM 模式准备就绪的时刻。所以基本上你应该在打开和创建这个模式的内容的处理程序底部注册点击事件。