Отображение всплывающей подсказки jquery ui без события наведения мыши

Question

Отображение всплывающей подсказки jquery ui без события наведения мыши

0

Я смотрю документацию по виджету JQuery UI Tooltip для метода show. Попытка выяснить, как показать всплывающую подсказку, вызывая метод show.

Вот код JSFiddle, который, как я думал, будет работать, но не работает. Я не знаю, почему.

HTML

<input id="input_box" title='display this helpful stuff for user'/>
<button id="trigger">show tooltip</button>

Javascript

$("#trigger").on('click', function(){
   $("#input_box").tooltip({ show: { duration: 800  } });
});

dev.e.loper 25 сен. 2013, в 01:19

Источник

Теги:

jquery

jquery-ui

1 ответ

Ещё вопросы

The Alpha · Answer 1 · 2013-09-24T20-33-00.000Z

Вы можете попробовать что-то вроде этого (вызвать событие mouseenter textbox поля)

$(function(){
    $(document).on('click', '.ui-tooltip-content', function(){
        $("#input_box").trigger('mouseleave');
        $("#input_box").tooltip('destroy');
    });

    $("#trigger").on('click', function(){
        $("#input_box").tooltip({ show: { duration: 800  } });
        $("#input_box").trigger('mouseenter');
    });
});

DEMO.

Но это, возможно, не правильный способ сделать это, вместо этого вы можете найти плагины tooltip и они могут быть использованы обработчиком кликов, или вы можете создать простой, который можно было бы создать с помощью обработчика кликов, но я не рекомендую используйте этот вид чертовски.