动态创建元素的JQuery事件

Question

我有这个：

<button class="btn btn-primary">Click me</button>

然后这个：

$('body').on('click', '.btn', function() { console.log('foo'); });

任何时候我点击按钮都不会记录＆＃34; foo＆＃34;。为什么呢？

解决方案：我只需要关注事件传播。

Answer 1

尝试

＆＃13;

＆＃13;

$(document).on('click', '.btn', function() { console.log('foo'); });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn">Click Me</button>

＆＃13;

＆＃13;

＆＃13;

相反，因为它将在文档级别注册事件，它应该可以工作。