防止頁面在 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