JQuery UI и JQuery наведите курсор на всплывающую подсказку

0

Я создал всплывающую подсказку с 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();
        }
    });
});
  • 0
    <div title="this is the simplest html tooltip" ...>...</div>
  • 0
    Мое название: .menu li div.altBURCT ul.altBurc li a there. Так что это работает коды, но, если Hover активен, если над заголовком мыши, закройте мой .altBurcT , я не буду, это так.
Показать ещё 1 комментарий
Теги:

1 ответ

1
Лучший ответ

На вашем руке или обратном вызове после зависания в вашем случае. Проверьте, существует ли .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();
});

Демо: jsFiddle

  • 0
    Демо: jsfiddle.net/C7StJ
  • 1
    @ fthmad9 Я изменил свой ответ после получения полной картины от вашей скрипки и добавил решение и демонстрацию, которая решает вашу проблему.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню