jqueryui&;带标题工具提示的jQuery悬停
我用jquery ui创建了工具提示,并开始工作。我将菜单附加到悬停功能中。但如果我的鼠标光标停留在标题工具提示上,它将关闭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,
<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();
});