jqueryui&;带标题工具提示的jQuery悬停

jqueryui&;带标题工具提示的jQuery悬停,jquery,jquery-ui,Jquery,Jquery Ui,我用jquery ui创建了工具提示,并开始工作。我将菜单附加到悬停功能中。但如果我的鼠标光标停留在标题工具提示上,它将关闭 <script type="text/javascript"> $(function(){ $(".menu li div.altBurcT ul.altBurc li a").each(function(){ $(this).tooltip({ show: null,

我用jquery ui创建了工具提示,并开始工作。我将菜单附加到悬停功能中。但如果我的鼠标光标停留在标题工具提示上,它将关闭

<script type="text/javascript">
    $(function(){
        $(".menu li div.altBurcT ul.altBurc li a").each(function(){
            $(this).tooltip({
                show: null,
                //track: true,
                position: {
                    my: "left top",
                    at: "left bottom"
                },
                open: function(event,ui){
                    ui.tooltip.animate({
                        top: ui.tooltip.position().top + 10
                    }, "slow");
                }
            });
        });

        $(".altBurcT").hide();
        $(".menu li.burc").hover(function(){
            $(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/);
        },function(){
            $(this).find("> .altBurcT").stop(true,true).hide();
        });
    });
</script>

$(函数(){
$(“.menu li div.altBurcT ul.altBurc li a”)。每个(函数(){
$(此)。工具提示({
show:null,
//轨迹:对,
职位:{
我的:“左上”,
在“左下角”
},
打开:功能(事件、用户界面){
ui.tooltip.animate({
顶部:ui.tooltip.position().top+10
}“慢”);
}
});
});
$(“.altBurcT”).hide();
$(“.menu li.burc”).hover(函数(){
$(this.find(“>.altBurcT”).stop(true,true).slideDown('slow'/*,'easeOutBounce'*/);
},函数(){
$(this.find(“>.altBurcT”).stop(true,true.hide();
});
});
我们如何解决这个问题

谢谢你的关注。 干得好

附录

演示:jsfiddle.net/C7StJ

我添加了这是代码,现在没有关闭,但如果我的鼠标出了,没有关闭它:)

$(“.menu li.burc”).hover(函数(){
$(this.find(“>.altBurcT”).stop(true,true).slideDown('slow'/*,'easeOutBounce'*/);
},函数(){
$(“.altBurc li a”)。每个(函数(){
if($(this.attr(“aria descripeby”).length<1){
$(this.find(“>.altBurcT”).stop(true,true.hide();
}
});
});

鼠标悬停在您的手机壳中后,请释放或回调鼠标。检查
.ui工具提示是否存在,如果存在,请不要隐藏菜单

$(".menu li.burc").on('mouseover', function() {
    $(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/);
}).on('mouseleave', function() {
    if(!($('.ui-tooltip').length > 0))
        $(this).find("> .altBurcT").stop(true,true).hide();
});

演示:
我的标题是.menu li div.altBurcT ul.altBurc li a。所以这是代码工作,但是,如果鼠标悬停处于活动状态,如果鼠标悬停在标题上,请关闭我的。altBurcT,我不会。请用小提琴复制代码好吗?@fthmad9在从小提琴上获得完整图片后,我更改了答案,并添加了解决问题的解决方案和演示。
$(".menu li.burc").on('mouseover', function() {
    $(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/);
}).on('mouseleave', function() {
    if(!($('.ui-tooltip').length > 0))
        $(this).find("> .altBurcT").stop(true,true).hide();
});