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

Question

我目前正在尝试加载一个网页，在该网页上单击 "read more" 按钮时通过 ajax 加载了补充数据，但是脚本完成后页面会重新加载。关于如何防止页面重新加载的任何提示？

我尝试了 event.preventDefault 和 return false;，但这似乎不起作用。

这是我的代码：

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

Answer 1

试试这个，应该有用

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

Answer 2

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

Answer 3

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

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

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

// Your code

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

Prevent page from reloading after JQuery triggers

javascript

jquery

reload

setinterval