javascript - Javascript - リンクがページをロードするのを止めることはできません

Question

クリック イベントをバインドしたリンク要素 (実際には、特定のクラスのすべてのリンク) があります。

リンク要素の例を次に示します。

<a id="2" class="paginationclick" style="cursor: pointer;" href="">2</a>

そして、ここにバインディングがあります：

$(".paginationclick").click(function(e) {
    displayAccountSearchResults(e);

    if (e.stopPropagation) {
        e.stopPropagation();
    } else {
        e.cancelBubble = true;
    }
});

displayAccountSearchResults(e) は正常に実行されますが、ページがリロードされます。ページをリロードしたくありません。stopPropagation / cancelBubble が機能しないのはなぜですか?

Answer 1

あなたには必要だe.preventDefault

$(".paginationclick").click(function(e) {
    e.preventDefault()

    displayAccountSearchResults(e);

    if (e.stopPropagation) {
        e.stopPropagation();
    } else {
        e.cancelBubble = true;
    }
});