jQuery：多个实时事件绑定答案

【问题标题】：jQuery: multiple live event bindingsjQuery：多个实时事件绑定
【发布时间】：2011-01-19 08:41:57
【问题描述】：

如何使用执行多个 jQuery 事件的新方法来执行实时事件（用于注入新内容时）：

$('.foo', this).bind({
    click: function() {
        //do thing
    },
    mouseover: function() {
        //do other thing
    },
    mouseout: function() {
        //do other other thing
    },
    focus: function() {
        //do other other other thing
    }
});

例如在上面我需要任何内容与点击和所有其他事件绑定。

基本上，我试图避免写作：

$('.foo', this).live('click', function() {
     //do thing
  }
});
$('.foo', this).live('mouseover', function() {
    //do other thing
  }
});
$('.foo', this).live('mouseout', function() {
    //do other other thing
  }
});
$('.foo', this).live('focus', function() {
    //do other other other thing
  }
});

【问题讨论】：

标签： javascript jquery events binding

【解决方案1】：

…………

$('.fastlook', this).live('click', function() {
    // more code.......
  }
});

编辑：

如果要分配多个事件，只需用空格分隔即可，例如：

$("selector").live('click mousemove mousedown', function(){
  // more code.............
});

.......

eventTypeA 字符串包含一个 JavaScript 事件类型，例如“点击” 或“keydown”。从 jQuery 1.4 开始，字符串可以包含多个，空格分隔的事件类型或自定义事件名称也是如此。

来源：http://api.jquery.com/live/

【讨论】：

这不是我想要的，我的错，我已经编辑了问题以使其更清楚。
@Smickie：我在查看您更新的问题后更新了我的答案，请参阅我的答案中的编辑部分，谢谢:)

【解决方案2】：

如果您希望每个活动都做独特的事情，那么您将面临一项冗长的任务。如果您需要每个事件都做同样的事情，这将是一个更短的任务。你可以绑定多个事件，但还是会有点冗长：

$('.foo', this).live('mouseover mouseout', function(e) {
  if (e.type == 'mouseover') {
    // do something on mouseover
  } else
  if (e.type == 'mouseout') {
    // do something on mouseout
  }
});

再说一次，如果他们都做同样的事情，这会更简单：

$('.foo', this).live('mouseover mouseout', function(){
  // do something on both events
});

文档：http://api.jquery.com/live/

【讨论】：