jQuery的鼠標懸停/鼠標移開問題

Question

我有這樣的問題，即mouseover在div（div.stripPopupTrigger）觸發一個AJAX調用它得到的一些數據並顯示與該數據的彈出框。然而，在div是一個span有一些文本與它相關聯（見下面的HTML）。

的問題是，當我再次mouseover的span再出span進入div，AJAX調用火災（一種預期我猜）。我正在尋找停止從span到div.stripPopupTrigger的任何觸發器。當然，從任何父母的div.stripPopupTrigger必須按預期發射。

<div class='stripPopupTrigger cabinet-strip-type ".$type." ' style='background-color:".$color.";'> 
<span class='cabinet-results-kw-value' style=''>".sprintf("%01.2f", $power)."</span><br /> 
    <span class='cabinet-results-kw-kw'>KW</span><br /> 
    <span class='cabinet-results-kw-name'>".$name."</span> 
</div> 

jQuery的樣子如下：

$('.stripPopupTrigger').live('mouseover', function() { 

//some code here 

$.ajax({    
    type: 'GET', 
    url: 'kwfinder/getdata', 
    data: 'strip=' + stripName, 
    success: function(data) { 
    // some code here 
    } 
}); 

的.live('mouseout')事件只是調整CSS顯示器無法比擬的。隱藏彈出框。

Answer 1

嘗試使用mouseenter事件而不是鼠標懸停。它應該做你想做的。