Question

我有一个JSP页面，其中有JQuery移动实现，在页面上显示8个产品，并在底部提供“MORE”按钮，点击“MORE”按钮8将会填充更多产品，但是当我点击“更多”按钮时，会加载8个新产品，页面会转到顶部，这是不正确的。那么，我怎样才能阻止页面返回顶部？

Answer 1

我假设你的jQuery点击处理程序看起来像这样：

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

默认情况下，click事件仍然会bubble到浏览器，然后执行默认事件：在链接href（＃）之后。

要防止这种情况发生，请将您的代码更改为：

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

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