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