javascript - JQuery イベントは、ページのリロードを引き起こします。直し方？

Question

onClick イベントによってページがリロードされる動作を観察しています。

$('#target').click(function(){
    $('#target').hide();
})

したがって、オブジェクトが表示され、クリックすると非表示になりますが、ページがリロードされ、オブジェクトが再び表示されます。私は以前にセットアップされたウェブサイトに取り組んでいるので、そのすべての部分を完全に認識しているわけではありません. この動作の原因と修正方法について何か考えはありますか?

score 7 · Accepted Answer

以下を使用して、デフォルトのイベント動作を防止する必要がありますevent.preventDefault。

$("#target").on("click", function (e) {
    $(this).hide();
    e.preventDefault();
});

を使用してreturn falseも機能しますが、意図した以上のことができます。

score 3 · Accepted Answer

add a

return false;

as last statement so that the link is not called, only you function (onclick) is executed.

2 に答える 2