Question

我是动态的，使用jquery clone并追加，创建一个remoce按钮。当我点击删除按钮，我试图删除克隆部分。点击删除按钮后，我甚至看不到警报。

 var uniqueId = 1;
  $('#AddCC').click( function() {

    var copyDiv = $("#CCPanel").clone();
    var divID =  'CCPanel' + uniqueId;      
    copyDiv.attr('id',divID);
    var removeID = "removeCard";

   $("#CCcontainer").append(copyDiv);
   $("#CCcontainer").append("<input type=\"button\" value=\"Remove Card\" id=" + removeID + ">");


         $('#' + divID).find('input,select').each(function(){
            $(this).attr('id', $(this).attr('id') + uniqueId); 

         });
         uniqueId++;  

}); 


$("#removeCard").bind('click',function () {
alert("I am here");
if(uniqueId==1){
      alert("No more textbox to remove");
      return false;
   }   

uniqueId--;

    $("#CCPanel" + uniqueId).remove();

 });

单击“添加另一个卡片”按钮以克隆该部分，然后查看“删除”按钮 DEMO

Answer 1

使用事件委托

$(document).on('click','#removeCard',function () {

而不是

$("#removeCard").bind('click',function () {

jquery动态创建按钮单击不起作用

1 个答案: