html - 如何在两个html元素上绑定(bind)事件

Question

我创建了一个下拉菜单。该菜单通过指向父 div 来打开。我想在用户离开父 div 或下拉菜单时隐藏此 div

$(function(){
$('.a').live('mouseenter',function(){
    $('#dropdown').stop(false, true).hide();

    var id = $(this).attr('id');
    $('#dropdown').css({
        position:'absolute',
        top: $(this).offset().top + $(this).height() + 'px',
        right: '115px',
        left: $(this).offset().left + 'px',
        zIndex:1000,
        width:'100px'
    });

    $('#dropdown').stop().slideDown(500);

    if($('#dropdown').mouseleave() && $('#'+id).mouseleave()){
        $('#dropdown').slideUp(500);
    }
 });
});

​<强> Live Demo

Answer 1

您可以通过在选择器中用逗号分隔来绑定(bind)到多个元素

$('.a, .this, .that, div, form').live(....