JQuery绑定点击事件

Question

JSFIddle

问题：

click事件适用于button 点击我但click事件不适用于label 点击我。以下是代码

HTML

<button type="button" id="clickMe" class="btn">Click Me</button>
<div class="preview">

</div>

JQuery的

$('#clickMe').click(function() {
    var lab = "<label class=\"click\">Click Me </label>";
    $('.preview').append(lab);
});

$('.click').click(function() {
    alert("You clicked on text");
});

Answer 1

使用event delegation。

$('.preview').on('click', '.click', function() {
    alert("You clicked on text");
});