java - 单击 "more"按钮时页面不应转到顶部

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/