动态创建元素的JQuery事件

Question

我有这个:

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

然后

:

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

任何时候我点击按钮不记录"foo"。为什么?

---

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

Answer 1

Try

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

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

而不是

，因为它将在文档级别注册事件，它应该工作