jQuery的live()方法對hover事件的處理樣本

jQuery的live()方法對hover事件的處理樣本

 一個模仿懸停事件的方法，當滑鼠移動到一個匹配的元素上面時，會觸發指定的第一個函數

hover([over,]out) 

 

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

 

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

 

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

複製代碼 代碼如下:

$('.myDiv').hover(function() { 

doSomething... 

}, function() { 

doSomething... 

}); 

 

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

 

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

 

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

 

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

 

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

 

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

代碼如下:

$('.myDiv').live('hover',function(event){ 

if(event.type=='mouseenter'){ 

doSomething... 

}else{ 

doSomething... 

} 

}) 

 

有的jquery版本響應的是mouseenter和mouseleave 

有的是mouseover和mouseout 

待考證......