jquery動態創建按鈕單擊不起作用

我動態地，使用jquery克隆和追加，創建一個遠程按鈕。當我點擊刪除按鈕，我試圖刪除克隆的部分。點擊刪除按鈕時我甚至看不到警報。jquery動態創建按鈕單擊不起作用

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

來源

2014-01-23 user3067524

我沒有看到任何刪除按鈕？ –

如果您點擊添加另一張卡片，那麼您將看到添加部分的刪除按鈕。 – user3067524

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

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

來源

2014-01-23 19:53:34 Krishna

謝謝。有效。 – user3067524

jquery動態創建按鈕單擊不起作用

回答

相關問題