Я создал всплывающую подсказку с 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>
Как мы это решаем?
Спасибо за интерес. Хорошая работа..
Добавляет:
Демо: jsfiddle.net/C7StJ
Я добавил, что это код, теперь не закрыт, но если моя мышь, не закрывайте его :)
$(".menu li.burc").hover(function(){
$(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/);
},function(){
$(".altBurc li a").each(function(){
if($(this).attr("aria-describedby").length < 1){
$(this).find("> .altBurcT").stop(true,true).hide();
}
});
});
На вашем руке или обратном вызове после зависания в вашем случае. Проверьте, существует ли .ui-tooltip
и если это так, не скрывайте меню.
$(".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();
});
<div title="this is the simplest html tooltip" ...>...</div>