Подсказка не появляется после ее закрытия кнопкой закрытия

Это один из повторяющихся вопросов об этом >вопрос. Поскольку я уже закончил (принял ответ) этот вопрос, я не могу обновить этот вопрос. Кстати, этот вопрос решен. Но сейчас я столкнулся с новой проблемой. Вот моя ссылка на скрипку

На моей скрипке две строчки. Я использовал этот плагин всплывающей подсказки. У обоих есть собственная всплывающая подсказка (первая строка содержит «Первую подсказку», а вторая строка содержит «Вторую подсказку»). Я поместил кнопку закрытия в всплывающие подсказки. Когда пользователь нажмет на значок закрытия, всплывающая подсказка будет закрыта. Но проблема в том, что если пользователь закроет «Первую подсказку», щелкнув значок закрытия, эта подсказка будет закрыта. После закрытия, если пользователь снова наведет курсор на текст (первая строка), эта всплывающая подсказка («Первая подсказка») больше не появится. Это произойдет только после того, как вы откроете «Вторую подсказку» при наведении курсора на вторую строку. Я пытаюсь объяснить это проще:

Нормальное поведение всплывающей подсказки:

Текст => наведение мыши => Подсказка появится => Переместите курсор из «Текста» => Подсказка исчезнет => Верните указатель мыши на «Текст» => Подсказка появится снова

Моя проблема:

Текст => наведение мыши => Подсказка появится => нажмите «Закрыть» => Подсказка исчезнет => Верните указатель мыши на «Текст» => Подсказка не появляется

Это скрипт для закрытия всплывающей подсказки, нажав значок «закрыть»:

$(document).on('click', '.close', function() {
    $('.tooltipster-base').hide();
});

Как я могу изменить его так, чтобы после нажатия значка «закрыть», если пользователь снова наведет указатель мыши на этот текст, всплывающая подсказка снова появится?


person user1896653    schedule 08.07.2014    source источник


Ответы (2)


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

Это происходит потому, что вы скрываете всплывающую подсказку с помощью jquery, а не через плагин всплывающей подсказки.

Используйте это вместо

$('.tooltip').tooltipster('hide');

Демо на http://jsfiddle.net/YM84U/11/

person Gabriele Petrioli    schedule 08.07.2014

почему бы вам не использовать этот простой HTML-
<span title="this is tool tip. Asdfghjkl zxcvbnm">?</span> Так что, когда вы наводите на него курсор, всплывающая подсказка появится через 2 секунды. Это работает ? Или я не понял вашего вопроса?

person Community    schedule 08.07.2014
comment
В основном, я использую плагин и держу все в таком духе. Если вам сложно понять мою проблему, взгляните на эту скрипту: jsfiddle.net/learner73/YM84U/ 10 вместо моего первого - person user1896653; 08.07.2014