2016-03-23 29 views
-1

JSFIddleJQuery tıklama olayı

Sorun bağlayıcı: Click Me

click olay buttoniçin çalıştığını ancak click olay labeliçin çalışmıyor Me tıklayın. Aşağıda kod

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

Oku hakkında [ 'Olay heyet,] (https://learn.jquery.com/events/event-delegation/) – Rayon

cevap

2

kullanın event delegation olduğunu.

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

' $ ('önizleme '). Üzerine (',' klik'. ',' tıklayın() {..... 'daha iyi olur. –

+1

@KartikeyaKhosla Evet, haklıyız, eğer biz '$ ('. preview ')' dinamik olarak değil, buradaki gibi olduğunu düşünüyoruz. . – RRK