萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 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  待考證......   
copyright © 萬盛學電腦網 all rights reserved