javascript - マウスがリンクから外れているときに手がかりを閉じる

Question

cluetipマウスがリンクから離れたときにダイアログを閉じるオプションはありますか？オプションはありmouseOutCloseますが、最初にカーソルを合わせないと閉じませんcluetip。

次に例を示します。

http://plugins.learningjquery.com/cluetip/demo/-jTipテーマの下の最初のリンク

Answer 1

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

それは私のために働いています。

Answer 2

私も同じ問題を抱えていて、解決策を得ました。

動作しています。

ですから、私たち全員が望んでいるのは、

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

これだよ ！

Answer 3

スティッキーオプションがtrueに設定されているためです...