怎么解决mouseover的冒泡事件

Question

我封装的这个方法老是多次执行，大师们帮我指点一下怎么解决
function artistid()
{
var check = 0;
$('.artistid').mouseover(function(){
if(check!=1)
{
var aid = $(this).attr('lang');
var aid2 = $(this).attr('dir');
$('#intro').slideToggle(500);
document.getElementById("intro").innerHTML="<span style='font-size:20px'>loading</span>";
offset = $(this).offset();

xx = offset.left;
yy = offset.top;
document.getElementById("intro").style.left = xx +'px';
document.getElementById("intro").style.top = yy +'px';
$.post('ajax.php',{aid:aid,aid2:aid2},function(data){
document.getElementById("intro").innerHTML = data;
})
check=1;
}
});
$('.artistid').mouseout(function(){
if(check==1)
{
$('#intro').html('');
$('#intro').fadeOut('normal');
check=0;
}
});
}

Answer 1

直接用jquery的mouseenter或者$().mouseover(function(event){      
                var elem = $(event.currentTarget),    
                    fromElem = $(event.relatedTarget);    
                if(elem.has(fromElem).length === 0 || !fromElem.is(elem)){  
                    //todo...
                }    
            }); 

Answer 2

<td class='artistid' lang='11' dir='tan'><a href='{$index_url}' class='play' name='artist' id='$ti'>xxxxxx</a></td>

Answer 3

多次执行是因为多次触发坐标设置的问题offset = $(this).offset();xx = offset.left;
yy = offset.top;
document.getElementById("intro").style.left = xx +'px';
document.getElementById("intro").style.top = yy +'px';

Answer 4

楼主试试这个代码
var timeObj;
$('.a').mouseover(function(){
clearTimeout(timeObj);
var $this = $(this);
timeObj = setTimeout(function(){
var offset = $this.offset(),
xx = offset.left,
yy = offset.top;
$('#intro').slideToggle(500).css({left: xx, top: yy}).html("要正确啊啊");
}, 600);
});
$('#intro').mouseout(function(){
$(this).fadeOut('normal').html("");
})

Answer 5

xx = offset.left+100;
还是多次的

Answer 6

用5楼的方法,,如果你不用jQuery ,就自已实现 mouseenter,mouseleave这二个事件..