按鈕在jquery移動不按預期工作

我有一個jQuery的移動網頁。該頁面包含一個由jQuery動態生成的listView。在這個列表的最後，我想要一個簡單的按鈕，當我打開它時，我只是提醒一些事情。按鈕在jquery移動不按預期工作

我HTML代碼如下所示：

<div data-role="page" id="Home"> 
     <div data-role="content"> 
      <ul data-role="listview" data-inset="true" class="albums">  
      </ul> 

      <form> 
       <button id="loadMoreAlbums">More Albums...</button> 
      </form>   
     </div>  
</div>

當你看到動態生成的ListView下硬編碼的按鈕。按鈕的jQuery是如此簡單：

$("#loadMoreAlbums").click(function(){ 
      alert("yeah i am loaging more!"); 
});

我現在有2個問題：

1）當我加載該頁面，該按鈕首先被加載，我可以看到它2 -3秒直到列表被加載並且它進入列表的末尾。我真的不喜歡那種行爲，我希望按鈕是在創建完listView後「創建」的，這樣我就不會在頁面中看到它。然而，這不是一個真正的問題，只是出於美觀的原因。

2）真正的問題是，當我按下按鈕，而不是僅僅提醒簡單的文字，僅此而已，它「負載」了該頁面，並使得ListView中消失，只有按鈕在屏幕上停留。爲什麼它表現得如此呢？爲什麼它試圖再次「加載」頁面？我只是想讓它提醒一些事情，或者做我的jquery告訴它做的事情。

來源

2013-07-02 Johny Jaz

從

<button>...</button>

改變你的HTML

<button type="button">...</button>

默認情況下，<button>元素有type="submit"和點擊時會提交表單。

http://www.w3.org/TR/html5/forms.html#the-button-element

來源

2013-07-02 15:14:02 dsh

$("#loadMoreAlbums").button().click(function(e){ 
    e.preventDefault(); 
    alert("yeah i am loaging more!"); 
});

按鈕充當提交。通過添加e.preventDefault();，您可以禁止提交操作。

來源

2013-07-02 15:10:24 DevlshOne

按鈕在jquery移動不按預期工作

回答

相關問題