回答
因爲當瀏覽器閱讀你的JavaScript代碼動態添加的李不在DOM,所以它不能找到它。相反,處理程序添加到父,並聽取這樣的一個:
$('#cblist').on('click', 'a', function(){
$(this).parent('li').remove();
return false;
});
我有一種方法可以有一個鏈接說「全部刪除」,然後警報出現與你確定嗎?是/取消。那麼爲了刪除左邊列表中的所有li? – Paul 2012-08-03 12:17:03
您的點擊事件綁定只是現在的「刪除」鏈接,而不是未來的。使用事件代表團來解決這個問題。更改:
$('#cblist a').click(function(){
到
$('#cblist').on('click', 'a', function() {
這裏的祕密是事件委託。當您撥打.click(function() {...})
或.on('click', function() {...})
時,事件處理程序僅分配給與代碼運行時選擇器匹配的元素。它不會影響稍後添加的元素。但是,您可以使用事件委託將事件處理程序分配給靜態元素,該靜態元素將包含所有動態元素,只要匹配動態選擇器的元素觸發該類型的事件,該動態元素就會運行回調函數:
$('#cblist').on('click', 'a', function() {
$(this).parent('li').remove();
return false;
});
請查看的部分關於.on()
函數的文檔中的直接和委託事件以獲取更多信息。
'.live()'函數已被棄用**月**,所以沒有人應該編寫使用它的新代碼。 – 2012-08-03 11:22:38
live函數不應該使用..因爲它已被棄用,它不是很好的性能明智的原因 – 2012-08-03 11:25:00
@ParvSharma在實踐中,調用'$('selector')。live('event',function(){.. 。})在jQuery 1.7+中會調用'$(document).on('event','selector',function(){...})'。不使用棄用函數的主要原因是它們理論上可以從未來的版本中刪除,破壞你的代碼。 – 2012-08-03 11:27:00
你可以試試。
$(function(){
$('#cblist a').live('click', function(){
$(this).parent('li').remove();
return false;
});
});
活功能不應該使用 – 2012-08-03 11:25:18
.live()方法已棄用,您可以在jQuery文檔中看到 – 2012-08-03 11:25:47
應將此代碼添加到除動態li
標籤
$li = $('<li>'+name+'</li>');
$a = $('<a href="">remove</a>');
$a.click(function(){
$(this).parent('li').remove();
return false;
});
$li.append($a);
我也更新上的jsfiddle
- 1. jQuery append li不能被刪除
- 2. jQuery將類添加到當前li並刪除prev li
- 3. 在添加和刪除li中的類時,錨鏈接不起作用添加和刪除li中的類時
- 4. 通過Javascript添加和刪除li
- 5. jQuery |刪除li標籤
- 6. 從LI中刪除類jquery
- 7. jquery刪除重複的li
- 8. 如何使用jQuery添加和刪除UL中的LI?
- 9. 用jQuery刪除動態添加的LI列表項目
- 10. 刪除Cufon一旦它被加載
- 11. ActionScript 3:添加到場景中的項目,一旦命中,不能被刪除/發現刪除
- 12. 從UL LI中刪除類但不是UL LI使用jQuery的UL LI LI
- 13. 如何刪除一旦添加錯誤消息
- 14. 爲什麼我不能刪除新的jQuery創建的li?
- 15. 添加和/或刪除li在同一個按鈕上點擊jquery
- 16. jQuery的刪除類添加到下一
- 17. JQuery不刪除添加元素
- 18. 添加刪除類jquery不工作
- 19. Jquery添加/刪除類不起作用
- 20. jquery添加和刪除類不工作
- 21. jQuery的添加/刪除
- 22. JQuery刪除和添加類
- 23. jQuery的添加刪除類
- 24. jQuery的添加和刪除
- 25. jQuery的 - 添加/刪除類
- 26. 添加和刪除與jQuery
- 27. 添加刪除類Jquery
- 28. jQuery添加/刪除行
- 29. 刪除Jquery添加的類
- 30. 添加/刪除類onClick Jquery
不是針對你的問題的代碼,但請注意,我正在使用Chrome,所以我可以告訴你:'未捕獲的類型錯誤:對象[對象對象]沒有方法'可排序' – 2012-08-03 11:21:12