頁面不應該在「更多」按鈕點擊頂部

Question

我有一個JSP頁面，它具有JQuery移動實現，在頁面上加載8個產品並在底部提供了一個「更多」按鈕，點擊「更多」按鈕8個更多的產品將被填充，但是當我點擊「更多」按鈕時，8個新產品被加載並且頁面進入頂部，這是不正確的。那麼，我怎樣才能防止頁面回到頂部？

Answer 1

我會假設你的jQuery單擊處理看起來是這樣的：

$('.more').click(function(e) { 
    loadMore(); 
    // ... 
}); 

默認情況下，點擊事件仍將bubble到瀏覽器，並執行其默認事件：下面的鏈接HREF（＃） 。

爲了防止這種情況，你的代碼更改爲：

$('.more').click(function(e) { 
    e.preventDefault(); 

    loadMore(); 
    // ... 
}); 

http://api.jquery.com/event.preventDefault/