javascript - DOM 创建后的 Jquery 操作事件不起作用

Question

我在创建 DOM 后创建了一个按钮。该按钮有一个 Action 。我遇到的问题是将操作绑定(bind)到按钮。我进行了研究，人们对我们说 .on() 函数，但它似乎不起作用。我错过了什么？

http://jsfiddle.net/e7a4X/

HTML

<button id="firstClick">Click me to create another button</button>
<div id="container"></div>

Javascript

$('#firstClick').click(function() {
    $('#container').append('<button class="second-button">Button after DOM</button>');
});

$('.second-button').on('click', function () {
    alert("Success");
})

Answer 1

工作演示L http://jsfiddle.net/Metsx/或http://jsfiddle.net/ZB2Ns/

• API:.on http://api.jquery.com/on/

现在，要让您的事件了解您需要 document 或 #container 级别的 .on 的点击事件，该事件附加事件处理程序到 jQuery 对象中当前选定的元素集。

休息应该适合您的需要:)

代码

$('#firstClick').click(function() {
    $('#container').append('<button class="second-button">Button after DOM</button>');
});

$(document).on('click', '.second-button', function () {
    alert("Success");
})