は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"); 
});