javascript - 替换后无法单击元素

Question

我有带有点击事件的元素。单击时，我将此元素替换为另一个元素，但元素类相同(事件按类(jQuery))。但点击两次就不起作用了。

Answer 1

在父节点上绑定(bind)事件:

<div id="the_parent">
    <button>Replace me!</button>
</div>

$('#the_parent').on('click', 'button', function (ev) {
   // TODO: handle appropriately
});

参见:http://api.jquery.com/on/#on-events-selector-data-handler :

.on( events [, selector ] [, data ], handler )

selector

Type: String

A selector string to filter the descendants of the selected elements that trigger the event. If the selector is null or omitted, the event is always triggered when it reaches the selected element.