不能讓jquery懸停使用.live（）

Question

第二個函數不起作用？

$('.edit_hover').live('hover', 
    function(e){   
     $(this).stop(); 
     var half_width = ($(this).css('width').slice(0, -2))/2; 
     var half_height = ($(this).css('height').slice(0, -2))*0.3; 
     console.log(half_width); 
     var top = ($(this).position().top) + half_height; 
     var left = ($(this).position().left) + half_width; 
     $('#edit_hover').css('top', top).css('left', left).fadeIn(300); 
     //add overlay 
     $(this).css('position', 'relative').append('<div class="edit_overlay" style="position: absolute; top:0px; left:0px; height:100%; width: 100%; background: #999; opacity: 0.5;"></div> ') 
    }, 
    function(){ 
     $(this).stop(); 
     $(this).find('.edit_overlay').remove(); 
     $('#edit_hover').fadeOut(300); 
    }); 

Answer 1

live()只需要一個處理程序，所以你不能使用hover（1.4.1之前）。無論如何，它只是mouseenter和mouseleave的快捷方式。使用這些事件綁定到：

$('.edit_hover') 
.live('mouseenter',function(){}) 
.live('mouseleave',function(){}); 

或者因爲jQuery的1.4.1：

$('.edit_hover').live('hover', function(event) { 
    if (event.type == 'mouseenter') { 
    // first function here 
    } else { 
    // second function here 
    } 
}); 

Answer 2

只是猜測：不使用hover使用mouseover和mouseout：

$("...").live("mouseover", function() { 
    // .... 
}).live("mouseout", function() { 
    // ... 
}); 

Answer 3

jQuery的是什麼版本的？您需要使用jQuery 1.4.1以現場方式使用hover。它在早期版本中不受支持。請參閱live documentation的注意事項部分。但是，請注意，您只有一個回調，需要區分回調內部的事件以獨立處理懸停/出局。

$('.hoverme').live('hover', function(event) { 
    if (event.type == 'mouseover') { 
    // do something on mouseover 
    } else { 
    // do something on mouseout 
    } 
});