Не скрывайте всплывающую подсказку

0

У меня есть код всплывающей подсказки в моей программе с jquery

  $(function() {
  var tooltips = $( ".g-link" ).tooltip();
  });

 <a href="#" class="g-link" title="Google">test</a>

Теперь он показывает всплывающую подсказку, но мне нужно показать всплывающую подсказку, когда указатель мыши находится на всплывающей подсказке. Теперь он скрывается, когда указатель за пределами ссылки. Есть ли какие-нибудь опции? Я попытался с

    hide: {  duration: 5000 }

Но он скрывается после продолжительности

Теги:
tooltip

1 ответ

0

Вы не можете достичь этой функции без изменения источника виджета JQueryUI.

Вы должны проверить компонент Bootstrap Popover, это реализация вашего дела в этом FIDDLE

<a href="#"  id="tooltip" data-toggle = "popover">Test</a>

 $(function() {
    var a = $('#tooltip');
    $( '#tooltip' ).popover({
        html:true,
        placement:"bottom",
        trigger:"hover",
        container: a,        
        content:'Content of popover',
        delay: { show: 150, hide: 150 }
    });   
 });

Ещё вопросы

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