tinguo002

jQuery中的live綁定多個事件整理

來源：
http://blog.csdn.net/chensyabc/article/details/6231077

今天寫到了后臺的內容編輯，這就需要頁面不復雜，所以使用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
  }
});
//鼠標移入移出事件
$(document).ready(function(){
    $('.title span').live({
        mouseenter:function(){
            alert('enter');
        },
        mouseleave:function(){
            alert('leave');
        }
    });
});
 
 

posted on 2012-09-06 14:41 一堣而安 閱讀(5750) 評論(0)  編輯  收藏 所屬分類: js_css