Javascript jQuery生成的html上的事件

我正在使用jQuery生成html标记。像这样

jQuery：

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

});

$（文档）.ready（函数（）{
$（“#示例”）.DataTable（）；
变量cas=[“1”、“2”、“3”、“4”、“5”、“6”]；
var text=“”；
var i；
对于（i=1；i您正在循环并创建具有相同id的多个li），请切换到类

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

”
；
您使用的是类选择器，但设置的是
id
。还要注意，在运行时更改类时，您需要使用委托事件处理程序。我将您的问题作为动态事件绑定问题的副本搁置，因为这是核心问题，但Rory是正确的，您也需要更正您的id/类问题A那是对的，对不起，我没有看到，我对此感到很难过哈哈谢谢！你说得对！谢谢！
'<li class="noactive" ></li>';