javascript - 将点击事件绑定(bind)到使用 jquery 即时生成的 div block

Question

我有一个 div，它在页面加载时完全动态创建，并且该 div 对用户和 firebug 可见，但当我查看页面源时它不可用。div 中的内容会动态更改。

我正在尝试将点击事件绑定(bind)到它，以便当有人点击该 div 时发出警报消息..

我已经浏览了几乎所有的建议，但没有一个起作用

我的动态div

<div class="mootoo drive form2">Hello this a mootoo test</div>

测试的 JQuery 函数

$(document).on('click', ".mootoo", function() {
      alert("clicked");
});


 $('.mootoo').on('click',function() { 
  alert("clicked");
    });


 $('.mootoo').live('click',function() { 
  alert("clicked");
    });

有人可以告诉我我做错了什么吗？

<小时/>

实际上我找不到生成 div 的 JQ 代码，但我遇到了完全相同的问题

http://jsfiddle.net/g1sqrxg6/3/

如果你看到当我点击它时不会提醒“chosen-choices”是动态创建的类..

在这种情况下，当用户选择和/或单击该 div 或框时，我需要发出警报

Answer 1

你的第一个函数

$(document).on('click', ".mootoo", function() {
      alert("clicked");
});

应该可以像您在 fiddle 中看到的那样工作。 所以问题不在于你的div是动态生成的。

更新:

$(document).on("click",".chosen-container", function() {
    alert("clicked");
});

Fiddle