使用jQuery將項添加到列表中後立即將其刪除

這是我擁有的代碼。當我嘗試通過「添加」按鈕添加時，該項目在列表中顯示一秒，但隨後被刪除。使用jQuery將項添加到列表中後立即將其刪除

我不明白爲什麼。

$(document).ready(function() { 
    $("#submitButton").click(addListItem); 
}); 

function addListItem() { 
    var $entryText = $("#entry").val(); 
    $("#list").append("<li>" + $entryText + "</li>"); 
}

來源

2015-04-27 Algram

你可以做出的jsfiddle –

我想'＃submitButton'是輸入提交按鈕。然後，您需要防止提交FORM的默認行爲，因爲提交FORM刷新/重定向頁面 –

在'（'#submitButton'）之前缺少'$'。click（...' –

只看上面的代碼，沒有看起來可疑。您的代碼可能還有其他內容。我已經在這裏建立了一個撥弄着上面的代碼如預期運行：https://jsfiddle.net/3ruejjrv/

<ul id="list"><li>Test</li></ul> 
<input type="text" id="entry" /> 
<input type="button" id="submitButton" value="addItem" />

是您的提交操作提交表單並刷新頁面？

來源

2015-04-27 16:29:26 spesic

關於OP評論，這是jsFiddle複製問題：http s：//jsfiddle.net/3ruejjrv/1/ –

它似乎是提交表單，當你點擊按鈕。

添加e.preventDefault();線似乎來解決這個問題按本琴：https://jsfiddle.net/3ruejjrv/2/

來源

2016-03-11 03:56:58 JanR

大聲笑...剛纔意識到這是一箇舊帖子....無論如何，好時光。 – JanR

使用jQuery將項添加到列表中後立即將其刪除

回答

相關問題