javascript - jQuery on(click) は機能しませんが、on(hover) は機能します

Question

<div>jsを初期化した後、近いクラスで新しい要素を作成し、on("click")関数が機能しません。

$(document).on('click', '.post-close', function () {
        alert("hello");
});

しかし、on('hover')完璧に動作します。

$(document).on('hover', '.post-close', function () {
        alert("hello");
});

しかし、クリックで動作させる必要があります。

score 4 · Accepted Answer

これは、ブラウザのデフォルトの動作を妨げていないためです。eハンドラーに渡してから使用しますe.preventDefault()

$(document).on('click', '.post-close', function (e) {
    e.preventDefault();
    alert("hello");
});

編集

また、新しいハンドラーを作成する前にハンドラーをバインドします<div>

score 1 · Accepted Answer

なぜ次のようなものを使用しないのですか

$('.post-close').click(function(){
   //do something
});

要素が動的に追加された場合は、次を使用します。

$(document).on('click', '.post-close', function(){
   //do something
});

編集:
danWellman が言ったように、他のコードが実行されないようにする preventDefault IF を追加できます。それ以外の場合は、上記のコードを使用してください。

edit2:
.live を .on に変更しました