Как сделать липкие всплывающие подсказки с плагином Jquery TipTip

Question

Я использую плагин Jquery TipTip.Если вы знаете лучший плагин таким простым способом, вы можете сказать мне.Хорошо, теперь я могу заставить это работать.Отображает всплывающие подсказки очень хорошо.Но я хочу сделать липкие подсказки.Я имею в виду, когда вы наводите курсор мыши на всплывающую подсказку объекта, и пока человек не щелкнет по ссылке, которую я вставил во всплывающую подсказку, то, когда человек нажал на подсказку, она будет закрыта.Их документация равна нулю, поэтому я не могу ее решить.

главная страница подсказки: http://code.drewwilson.com/entry/tiptip-jquery-plugin

Вот как они говорят: выйти и ввести

enter: функция обратного вызова - Customфункция, которая запускается каждый раз, когда вы наводите курсор мыши на элемент с примененным к нему TipTip.

exit: функция обратного вызова - Пользовательская функция, которая запускается каждый раз, когда вы наводите курсор мыши на элемент с примененным к нему TipTip.* Как я могу вызвать функцию из исходного кода подсказки внутри тела.

Answer 1

Вы проверяли параметр keepAlive для плагина? Это удерживает всплывающую подсказку на экране до тех пор, пока пользователь не вырежет подсказку (а не сам целевой объект).

Кажется, нет способа сделать это программно. Вам придется расширить сам плагин или удалить обработчик событий mouseout.

На самом деле после перечитывания документации вы можете попытаться предотвратить исчезновение всплывающей подсказки, используя обратный вызов выхода, например:

exit: function(){
  // prevent action code goes here
}

Но я не уверен, сработает ли это. Глядя на источник, вы можете изменить функцию deactivate_tiptip (). Третья строка - та, что скрывает всплывающую подсказку.

tiptip_holder.fadeOut(opts.fadeOut);

Answer 2

Есть много решений.

Также проверьте Try QTip

http://slodive.com/web-development/best-jquery-tooltip-plugins/ http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

Проверьте эти http://craigsworks.com/projects/qtip/docs/reference/ опции, см. Кнопку true или false.

$('#tipDiv')

         .qtip({
            content: {
               text: 'Something', 
               title: {
                  text: 'My Title',
                  button: true
               }
            },

         });