По умолчанию всплывающая подсказка отображается при наведении на элемент, к которому вы ее применили (см. опции по умолчанию )
Это можно изменить на событие 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 ()