jQuery中的live绑定多个事件整理

最新推荐文章于 2024-05-25 13:36:04 发布

原创最新推荐文章于 2024-05-25 13:36:04 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function

jQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了在不同版本的 jQuery 中实现多个事件绑定的方法。从 1.4.0 版本开始支持多事件绑定，并提供了两种不同的绑定方式。文章详细展示了如何在 1.4.0 至 1.4.2 版本及 1.4.3 以后的版本中进行操作。

今天写到了后台的内容编辑，这就需要页面不复杂，所以使用jquery的live事件，而我需要绑定两个时间，所以最后选择多个绑定方法，寻找网站上的解决方法，最终在jquery官网找到了，整理如下：

在1.4.0之前（不包含1.4.0）无法使用多个绑定的，单个示例为：

$('.clickme').live('click', function() {
  // Live handler called.
});

1.4.0-1.4.2开始支持了，实例如下：

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

1.4.3之后的版本又开始支持另外一种更新的方法：
$('a').live({
  click: function() {
    // do something on click
  },
  mouseover: function() {
    // do something on mouseover
  }
});
											-created by o07-csy