Question

关于jquery,鼠标停留在一个div框上，在旁边动态弹出一个div框。现在要鼠标都不在2个框上时，动态框才消失

这是我的JS代码，没办法把鼠标移到动态生成的div中，动态框中有链接需要点击，请问该怎么处理？
$(document).ready(function(){
$('#relation .f-left').mouseover(function () {
var pos=$(this).offset();
var pos_x=eval(pos.left)+30;
var pos_y=eval(pos.top)-10;
pos_x=pos_x.toString();
pos_x=pos_x+'px';
pos_y.toString();
pos_y=pos_y+'px';
var tooltip='<div class="tooltip"><div class="top"><a href="">新增任务</a></div><div class="bottom"><a href="">发送消息</a></div></div>';
$('body').append(tooltip);
$('.tooltip').css("top",pos_y);
$('.tooltip').css("left",pos_x);
});
$(this).mouseout(function () {
//$('#relation .f-left').bind('mouseout',RemoveTooltip());
//$('#relation .f-left').unbind('mouseout',function(){});
//$('.tooltip').unbind('mouseout',RemoveTooltip());
$('.tooltip').remove();
})

})

function RemoveTooltip(){
//alert('1111');
setTimeout(function(){$('.tooltip').remove();},200);

}

Answer 1

这种很多地方的有应用，讲下思路吧
当随便移入第一个div时，弹出第二个悬浮div
(重点)当移出第一个div时，加一个定时器去隐藏第二个div
当移入第二个div时，清除定时器
当移出第二个div时，隐藏第二个div

Answer 2

将mouseout事件改为mouseleave事件