javascript - Jquery イベント ハンドラーが 2 回連続のクリック イベントで増加する

Question

このコードでは、任意のオプションをクリックするたびに追加のアラートを作成しています。メニュー項目をクリックするたびに 1 つのアラートのみが必要です

$(document).ready(function(){
    $("#menu").click(function(){
        $("option").click(function(){
            alert(menu.value);
        });
    });
});

Answer 1

イベント ハンドラーをネストしないでください。1 つの要素が別の要素内にある場合は、より具体的なセレクターを使用します。

$(document).ready(function(){
    $("#menu option").click(function(){
        alert(menu.value);
    });
});

またはさらにきれいに：

$(document).on("click", "#menu option", function(){
    alert(menu.value);
});

http://api.jquery.com/on