當鼠標離開鏈接時關閉提示

當鼠標移出鏈接時，是否可以選擇關閉對話框cluetip？有mouseOutClose選項，但它不會關閉cluetip，如果您不先將其懸停在它上面。當鼠標離開鏈接時關閉提示

下面是一個例子：

http://plugins.learningjquery.com/cluetip/demo/ - 在jTip主題

2010-07-14 King Julien

在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

它爲我工作。

來源

2011-02-10 09:38:05 Nick

-1

這是因爲粘選項設置爲true下的第一個鏈接...

來源

2010-07-14 12:56:50 AlbertVanHalen

是的，它應該是...我在cluetip中有一些鏈接，所以當鼠標懸停在cluetip上時，我不希望它消失... sticky選項是唯一的方法。 – 2010-07-14 13:00:25

所以這就是你的問題的答案不是它... – AlbertVanHalen 2010-07-16 11:18:57

我需要改變cluetip關閉的方式......當鼠標不在鏈接時它應該自動關閉，但當鼠標懸停在cluetip本身上時，它不應該「噸。可以使用$（document）.trigger（'hideCluetip'）關閉cluetip;函數，所以我嘗試添加onmouseout =「$（document）.trigger（'hideCluetip'）;」但它關閉cluetip即使鼠標已經超過了線索本身......任何想法？ – 2010-07-23 10:10:39

我有同樣的麻煩，我得到了一個解決方案。

它的工作。

所以，我們都希望有什麼辦法

1顯示當鏈接懸停cluetip，然後將其丟棄，當鼠標離開

2-但保留如果鼠標沒進去cluetip打開這樣它就可以點擊鏈接裏面的鏈接

這是怎麼做到的。

只需添加此參數：

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 
       }); 
      }

這就是它！

來源

2011-04-15 14:33:52 Xavdeb

當鼠標離開鏈接時關閉提示

回答

相關問題