防止页面在 JQuery 触发后重新加载

Question

我目前正在尝试加载一个网页，当单击“阅读更多”按钮时，通过 ajax 加载补充数据，但是当脚本完成时，页面会重新加载。 关于如何防止页面重新加载的任何提示？

我试过event.preventDefault并return false; 但这似乎不起作用。

这是我的代码：

window.setInterval(function () {
        $('div.getmore').trigger('click'); 
        return false;
       }
, 1000);

Answer 1

问题不在于您粘贴的 jQuery 代码。 尝试使用 firebug 控制台并单击“持久化”以确保即使在页面加载后也能看到 javascript 错误，然后您将能够找到真正的问题。

Answer 2

试试这个，这应该有效

window.setInterval(function (e) {
        $('div.getmore').trigger('click'); 
        e.preventDefault()
        e.stopPropagation()
       }
, 1000);

Answer 3

您应该preventDefault单击a元素。 如果它在a内，则不是div ：

<a href="google.com">
    <div class="getmore">Get more</div>
</a>

$('a').on('click', function(event) {
    event.preventDefault();
});

// Your code