2016-03-25 33 views
0

Bir sınıf adı tıklatırken işlev yazdım. ve onun işleri iyi. ancak aynı sınıf adına sahip bir etiket eklediğimde, işlev o sınıfta çalışmaz. jQuery $(".test").click(...) diyoruz anda olayı bağlar çünkü varişlevi ek dizgisinde çalışmıyor

<script> 
    $(document).ready(function() { 

     $("#btn1").click(function(){ 
      $("p").append(" <b class='test'>Appended text</b>."); 
     }); 

     $(".test").click(function(){ 
      alert(12); 
     }); 

    }); 
</script> 

<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 

<ol> 
    <li class="test">List item 1</li> 
</ol> 

<button id="btn1">Append text</button> 
+0

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

+0

https://jsfiddle.net/rayon_1990/ hakkında: Ayrı olarak bağlamak gerekir dLgetr0w/ – Rayon

+0

Nihai Çözüm burada: https://jsfiddle.net/dLgetr0w/1/ –

cevap

0

.

$("#btn1").click(function(){ 
    $("p").append(" <b class='test'>Appended text</b>.") 
      .click(function(){alert(12);}); 
}); 
+0

"Liste öğesi 1" e tıklarken iki kez '12' uyarır. – Neethu

+0

Sabit. Ama yinelenen sorulardaki çözümlerle giderdim. –