Есть ли возможность закрыть диалоговое окно cluetip, когда мышь убирается из ссылки? Существует опция mouseOutClose, но она не закрывает cluetip, если вы не наводите курсор мыши сначала.

Вот пример:

http://plugins.learningjquery.com/cluetip/demo/ - первая ссылка в разделе Тема jTip

1
King Julien 14 Июл 2010 в 16:49

3 ответа

Лучший ответ

В основном файле clueTips замените код:

if (opts.mouseOutClose) {....}

С участием

if (opts.mouseOutClose) {
var closectip;
$cluetip.hover(function() {
clearTimeout(closectip);
},
function() {
$closeLink.trigger('click');
});
$this.hover(function() {
clearTimeout(closectip);

}, function() {
closectip = setTimeout(cluetipClose, 1000);
});
} 

Я нашел решение с форума JQuery здесь ссылка

http://plugins.jquery.com/content/cluetip-doesnt-close-mouseout

Это работает для меня.

2
Nick 10 Фев 2011 в 09:38

Это потому, что для параметра sticky установлено значение true ...

-1
AlbertVanHalen 14 Июл 2010 в 12:56

У меня была такая же проблема, и я получил решение.

Это работает.

Итак, то, что мы все хотим, это способ

1 - показывает подсказку при наведении ссылки, затем отбрасывает ее, когда мышь гаснет

2- НО держите подсказку открытой, если мышь вошла внутрь, чтобы она могла нажимать на ссылки внутри подсказки

Вот как это сделать.

Просто добавьте этот параметр:

sticky:    true, 
onShow:   function(){ 
                 $('.mylink').mouseout(function() {     // if I go out of the link, then...
                    var closing = setTimeout(" $(document).trigger('hideCluetip')",400);  // close the tip after 400ms
                    $("#cluetip").mouseover(function() { clearTimeout(closing); } );    // unless I got inside the cluetip
                 });
          }

Это оно !

1
Xavdeb 15 Апр 2011 в 14:41