jQueryで生成されたhtmlのイベント

Question

jQueryでhtmlタグを生成しています。

$(document).ready(function() { 
    $('#example').DataTable(); 

    var cas = ["1", "2", "3", "4", "5", "6"]; 
    var text = ""; 
    var i; 

    for (i = 1; i <= cas.length; i++) { 
     text += '<li class="noactive" ></li>'; 
    }  
    jQuery("#bitacorapagination").html(text); 

    jQuery('.active').click(function() { 
     suplementos(this);  
     jQuery(".active").removeClass("active").addClass("noactive"); 
     jQuery(this).removeClass("active").addClass("noactive"); 
     console.log("Event");  
    }); 
    jQuery('.noactive').click(function() { 
     suplementos(this); 
     jQuery(".active").removeClass("active").addClass("noactive"); 
     jQuery(this).removeClass("noactive").addClass("active");   
     console.log("Event");  
    }); 

}); 

HTMLコード：：この

jQueryのような

<ul> 
    <li id="bitacorapagination"></li> 
<ul> 

私は削除とjQueryによって生成<ul>要素にいくつかのクラスを追加することである必要がありますが、イベントが活性化しないものをイベントでonclick()

これを解決する方法はありますか？

Answer 1

あなたはmulitple李さんと同じIDを持つをループして作成され、クラスにスイッチ

'<li class="noactive" ></li>';