为jQuery中动态添加的元素添加事件

在我的HTML页面中，我在一些动作上动态添加一些元素。我为这些元素分配了某些类，以便在使用这些控件时触发适当的事件。我是这样做的：

$(document).ready(function(){      
  $("#btnAddMicroElement").click(function(event,microelement){
        microelement=microelement.replace("'","'");            
        $("#divMicroElements").append("<div class='clsdivmicroelement' style='border-bottom: 2px black solid;'><div><label>Microelement</label><input type='text' class='clstxtmicroelement' value='"+microelement+"'/><input type='button' class='clsbtnmicroelmentadd' value='Add'/></div><div><input type='button' value='Add All' class='clsbtnmicroelementaddall'/></div></div>");
        return false;
  });
  $(".clsbtnmicroelementadd").click(function(){
        alert("its working");
  });
});

$（文档）.ready（函数（）{
$（“#btnAddMicroElement”）。单击（函数（事件，微元素）{
微量元素=微量元素。替换（“'”、“'；”；
$（“#除微量元素”）。附加（“微量元素”）；
返回false；
});
$（“.clsbtnmicroelementadd”）。单击（函数（）{
警报（“其工作”）；
});
});

---

在上面给定的代码中，我正在将一些元素添加到

btnAddMicroElement

的点击事件页面中，其中一个是类为

clsbtnmicroelementadd

的输入文本。我希望在单击此按钮时执行一些操作。为此，我为这个类编写了click事件处理程序。但它并没有被执行。它甚至可以为这样动态创建的元素编写事件吗？请帮助我更正代码以使其正常工作。

尝试委派您的活动：

$(document).on('click','.clsbtnmicroelementadd',function(){
        alert("its working");
  });

---

jquery代码不应在document.ready中 您应该为您的操作添加函数，并通过在html代码中的事件中调用此函数来调用它。

---

类似这样的事情：

我做了，但仍然没有工作。那么问题一定是别的！我已经在document.ready中编写了此代码。是的，我给你做了一个非常简单的例子，你自己看看=>