javascript - e.preventDefault-eは定義されていません

Question

だから私はこのJSを持っていて、コードを実行すると「eは定義されていません」と表示されます-何が欠けていますか？

$('ul.result-filters > li a').click(toggleFilters());

function toggleFilters(e) {
   e.preventDefault();
   //do more stuff
}

Answer 1

これを使って ：

$('ul.result-filters > li a').click(toggleFilters);

toggleFilters()関数自体を渡す代わりに、の結果を渡していました。

Answer 2

$('ul.result-filters > li a').on('click', toggleFilters);

function toggleFilters(e) {
   e.preventDefault();
   //do more stuff
}

関数の後に括弧を追加すると、すぐに実行され、結果が返されます。関数を参照してクリックで呼び出すには、括弧を削除します。

これにより、イベントをtoggleFilters関数で使用できるようになります。

Answer 3

クリックするハンドラー名を渡す代わりに、関数を呼び出しています。toggleFilters（）から括弧を削除します

変化する

$('ul.result-filters > li a').click(toggleFilters());

に

$('ul.result-filters > li a').click(toggleFilters);

Answer 4

e = e || window.eventイベントを確実に開催するためにいつでも行うことができます。

Answer 5

関数呼び出しtoggleFilters（）の代わりに関数名を使用する必要があります。

$('ul.result-filters > li a').on('click', toggleFilters);

function toggleFilters(e) {
 e.preventDefault();
//do more stuff
}

ありがとう