jQuery的鼠标悬停/鼠标移开问题
问题描述:
我有这样的问题,即mouseover
在div
(div.stripPopupTrigger
)触发一个AJAX调用它得到的一些数据并显示与该数据的弹出框。然而,在div
是一个span
有一些文本与它相关联(见下面的HTML)。jQuery的鼠标悬停/鼠标移开问题
的问题是,当我再次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显示器无法比拟的。隐藏弹出框。
就是这样。谢谢。 –