如何防止表單提交jquery移動頁面刷新？

Question

更新：阿卜杜的答案工作，但只有當我在index.html文件嵌入腳本（而不是包括它在一個鏈接app.js文件中像我）...

我創建一些簡單的移動應用程序在jQuery的移動和angularjs（不在一起），看看我想建立在...

我在jQuery的移動問題。當您提交表單，而不是簡單地動態更新列表，它刷新並清除網頁：

<div id="home" data-role="page"> 

<div data-role="content"> 
    <form id="form1"> 
     <input id="list-text" type="text" placeholder="enter text here..."> 
     <button id="button1" onclick="addToList()" >Add</button> 
    </form> 

    <ul id="the-list" data-role="listview"></ul> 
</div> 

function addToList() { 
    var newText = $('#list-text').val(); 
    $('#the-list').append('<li>' + newText + '</li>'); 
    // will be updating localStorage here 

    $('#list-text').val(' '); 

} 

我試圖研究這個，仍然不明白爲什麼.. ..也許我需要更多的形式和jQuery的理解。

Answer 1

您可以移動的按鈕表單或停止形式從提交的全部，例如

$("#form1").on('submit',function(){return false;}); 

這將停止刷新。

另外，我會推薦使用jQuery來處理點擊事件，而不是onclick。例如

$("#button1").on('vclick',function(){}); 

如果你使用點擊移動設備上的處理程序將推遲點擊200毫秒，這是很多，所以使用V單擊，您可以閱讀有關V單擊here

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.