JQuery всплывающая подсказка, но по щелчку вместо наведения

Мы использовализаглавие' атрибуты для отображения чего-либо при наведении курсора. Мы хотим, чтобы это теперь отображалось по клику. Как я могу получить плавающую рамку, которая выглядит как заголовок / всплывающая подсказка, но может отображаться и скрываться по требованию вместо привязки к наведению?

Ответы на вопрос(3)

Решение Вопроса

HTML:

<div id="tooltip" style="display:none;">bla bla</div>

<div id="yourLink">Click here to show the tooltip!</div>

И JS:

$('#yourLink').click(function(){
  $('#tooltip').toggle();
});

Вам просто нужно правильно оформить подсказку div

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

http://craigsworks.com/projects/qtip/

А затем просто вызовите .qtip для обработчика событий .click.

$('#myInput').click(function(){/*insert qtip code here*/});

Примечание: вы можете динамически захватить атрибут title, чтобы использовать это содержимое во всплывающих подсказках qtip, если вы того пожелаете.

 Dustin Getz21 авг. 2009 г., 22:28
я не могЧтобы это работало, qtip ожидает, что всплывающая подсказка сохранится, и хочет обработать показ / скрыть себя. Мне нужно, чтобы иметь возможность показать / скрыть в коде.
 pahnin13 сент. 2013 г., 07:17
Вызов qtip по клику бесполезен. qtip обрабатывает шоу, скрывает себя при наведении курсора мыши, я не знаю, сможем ли мы его настроить, чтобы не
 pahnin13 сент. 2013 г., 11:56
извини я ошибся

s ответ, что вы можете получить (и удалить) атрибут title в событии mouseenter и поместить его обратно в отпуск мыши. Это позволяет браузеру не отображать указатель мыши, но по-прежнему использует атрибут для хранения текста.

Ваш ответ на вопрос