jQuery的live()方法對hover事件的處理示例_jquery

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

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

當鼠標移出這個元素時，會觸發指定的第二個函數。
代碼如下:
$('.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
待考證......

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com