页面不应该在“更多”按钮点击顶部

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/