javascript - Jquery 事件处理程序在两个连续的单击事件中不断增加

Question

在此代码中，每次单击任何选项时都会创建额外的警报。每次单击菜单项时我只需要一个警报

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

Answer 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