jQuery中關於​​live()方法如何對hover事件的處理詳解

hover([over,]out)

#一個模仿懸停事件（滑鼠移到一個物件上面及移出這個物件）的方法

當滑鼠移到一個符合的元素上面時，會觸發指定的第一個函數 。

當滑鼠移出這個元素時，會觸發指定的第二個函數。

$('.myp').hover(function() {
	doSomething...	
}, function() {
	doSomething...	
});

而問題是有些元素例如選單是透過AJAX動態載入的，hover方法執行的時候

選單還沒載入出來呢，所以就要用到jquery的另一個方法live()

.live() 方法能對一個還沒有添加進DOM的元素有效，是由於使用了事件委託：

綁定在祖先元素上的事件處理函數可以對在後代上觸發的事件作出回應。

傳遞給.live() 的事件處理函數不會綁定在元素上，

##而是把他當作一個特殊的事件處理函數，綁定在DOM 樹的根節點上。

$('.myp').live('hover',function(event){
	if(event.type=='mouseenter'){
		doSomething...	
	}else{
		doSomething...	
	}
})

要求 jQuery 1.4.3+ 
因為hover不是標準的事件，因此無法直接使用live進行處理，故使用以下方法代替，效果一樣。

$("table tr").live({
   mouseenter:
   function()
   {
      //todo
   },
   mouseleave:
   function()
   {
      //todo
   }
});

以上是jQuery中關於​​live()方法如何對hover事件的處理詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！