替换元素后无法单击

Question

I have element with click event. On click I replace this element by another, but element class is same (event by class(jQuery)). But click doesn't work 2 time.

Answer 1

Bind the event on the parent node:

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

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

See: 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.

Answer 2

您必须将事件绑定到替换前一个元素的新元素。