刪除李不適用於動態li

以下是我在其中創建li onclick按鈕的腳本，但問題是單擊添加按鈕後創建的li不會刪除，當我單擊刪除按鈕時。請讓我知道我做錯了什麼刪除李不適用於動態li

<p> 
     <ul class=""> 
     <li>Folder Name : <input type='text' class='fname' value='' required='required' /> <input type='button' class='liDelete' value='- Remove' /></li> 
     </ul> 
     </p> 
     <p> 
     <input type="button" name="butadd" id="butadd" value="+ Add New" /> 
     </p> 

    $(document).ready(function() { 


      $('.liDelete').click(function() { 
     li = $(this).parent(); 
     li.remove(); 
    }); 


     $("#butadd").click(function() { 
      $("ul").append("<li>Folder Name : <input type='text' class='fname' value='' required='required' /> <input type='button' class='liDelete' value='- Remove' /></li>"); 

     }); 
    });

來源

2013-12-08 user3027531

試試這個：.on事件。

演示http://jsfiddle.net/mT5vw/1/

$(document).ready(function() { 
    $(document).on('click', '.liDelete', function() { 
     li = $(this).parent(); 
     li.remove(); 
    }); 
    $("#butadd").click(function() { 
     $("ul").append("<li>Folder Name : <input type='text' class='fname' value='' required='required' /> <input type='button' class='liDelete' value='- Remove' /></li>"); 
    }); 
});

來源

2013-12-08 08:59:42

哎我運行'$（「＃文件夾裏」）。每個（函數（E）'函數也和我想知道如何清除活性李時珍在這種情況下，？ – user3027531

@ user3027531我認爲你找到了解決方案已經在這裏：http://stackoverflow.com/questions/20453953/remove-respective-li-from-all'：）' –

您需要使用event delegation因爲當處理程序註冊的動態因素不存在。

$('ul').on('click', '.liDelete', function() { 
    var li = $(this).parent(); 
    li.remove(); 
});

演示：Fiddle

來源

2013-12-08 08:59:33

回答

相關問題