JQuery Cluetip Активация - PullRequest
       12

JQuery Cluetip Активация

2 голосов
/ 19 декабря 2011

Как активировать cluetip в случае готовности или загрузки?

Плагин clueTip позволяет легко отображать необычные всплывающие подсказки, когда пользовательская мышь наводит курсор (или, по желанию, нажимает на) на любой элемент, который вы обозначить в вашем сценарии. Если элемент содержит атрибут заголовка, его текст становится заголовком подсказки.

1 Ответ

0 голосов
/ 19 декабря 2011

По умолчанию всплывающая подсказка отображается при наведении на элемент, к которому вы ее применили (см. опции по умолчанию )
Это можно изменить на событие click, я продемонстрирую оба.

Идея состоит в том, чтобы программно вызвать событие mouseenter (нет реального события hover , но есть комбинация mouseenter и mouseleave ).

Вы можете сделать это, используя .trigger('mouseenter') или .mouseenter()

Допустим, вы хотите открыть всплывающую подсказку по ссылке:

<a href="#" id="mylink" title="This is the title|The first the content.|In this case, the delimiter is a pipe">My link</a>

У вас будет следующий javascript:

$(document).ready(function() {

    var $link = $('#mylink');

    // first initialize the plugin
    $link.cluetip({
        splitTitle: '|'
    });

    // trigger the event
    $link.mouseenter(); // or $link.click(); 

});

Вот jsfiddle , с которым вы можете играть.

Документация hover , .mouseenter () , .click () и .trigger ()

...