java - 页面不应在“更多”按钮单击时转到顶部

Question

我有一个具有 JQuery 移动实现的 JSP 页面，在页面上显示了 8 个产品加载，并在底部提供了一个“更多”按钮，单击“更多”按钮将填充 8 个更多产品，但是当我单击在“更多”按钮上 8 个新产品已加载，页面转到顶部，这是不正确的。那么，如何防止页面返回顶部呢？

score 2 · Accepted Answer

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

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

默认情况下，click 事件仍会冒泡到浏览器，并执行其默认事件：跟随链接 href (#)。

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

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

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

1 回答 1