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事件而不是鼠标悬停。它应该做你想做的。