什麼導致我的jQuery功能無法運行？

我想不通爲什麼jQuery的功能將無法使用HTML這裏 JS小提琴工作：http://jsfiddle.net/JonaTheApprentice/E89rg/什麼導致我的jQuery功能無法運行？

function addItem() { 
    $('#list').append('<li><input type="checkbox" /> item</li>'); 
} 

function removeItem() { 
    $('#list').children().filter(function() { 
     return this.firstChild.checked; 
    }).remove(); 
}

來源

2014-02-06 Beast_Code

你沒有#list在你的HTML – Huangism

你不必與list'的'在你的HTML標識的任何元素。另外，您不應該使用內聯事件處理程序。 –

@minitech我不明白這個問題是怎麼回事，當有多個人在解決這個問題。 –

我沒有看到一個元素與id="list"，這就是#list指。

我想你的意思是#items-listed。改變這一點，它工作

來源

2014-02-06 21:16:40 helion3

該ID應該按鈕或形式？ –

即用$（'＃items-list'）替換$（'＃list'）'。 – helion3

我覺得很天真。我按照你的建議去做http://jsfiddle.net/JonaTheApprentice/E89rg/1/ –

我會從輸入id得到的值。我還會分配一個點擊事件來實現更清晰的編碼。這裏是你的小提琴添加一個項目的例子。刪除項目只是逆轉。

DEMO http://jsfiddle.net/E89rg/5/

$('#Enter').click(function(){ 
    var Val = $('#item').val(); 
    $('#items-listed').append('<li><input type="checkbox" />'+Val+'</li>'); 
});

來源

2014-02-06 21:47:56 Vector

什麼導致我的jQuery功能無法運行？

回答

相關問題