Question

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

我尝试了event.preventDefault和return false;，但这似乎无效。

这是我的代码：

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

Answer 1

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

Answer 2

试试这个，这应该有效

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

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触发后阻止页面重新加载

3 个答案: