2014-05-07 14 views
0

我希望顯示HTML代碼的工具提示,包括鏈接,如AdSense中的工具提示。我設法顯示HTML,但是當鼠標移向工具提示內的鏈接時,工具提示關閉!JqueryUI tooltip:僅在x秒後關閉僅當用戶未進入工具提示區域時

我想延遲工具提示關閉1秒,並且如果鼠標在這段時間內進入工具提示(或返回到原始元素),只要鼠標停留在那裏,請保持打開狀態。 只有在鼠標不在原始元素和工具提示兩秒鐘的情況下,工具提示纔會關閉。

回答

0

你可以設置如下的封閉性:

function (event, ui) { 
    ui.tooltip.hover(
    function() { 
     $(this).stop(true).fadeTo(400, 1); 
     //.fadeIn("slow"); // doesn't work because of stop() 
    }, 
    function() { 
     $(this).fadeOut("400", function() { 
     $(this).remove(); 
     }) 
    }); 

這裏是一個小提琴,以幫助您:http://jsfiddle.net/4sSkc/

希望這有助於

+0

在的jsfiddle例如,提示經過短暫消失延遲,但足以能夠用鼠標在它上面並防止關閉。此外,工具提示在離開後很快就會消失,可能是因爲超時(400)與進入工具提示有關,而不是離開工具提示。嘗試將超時時間增加到5000,等待10秒後再離開工具提示,你會明白我的意思。 –

+0

嘿,我只是包括兩個新的屬性:顯示:100,隱藏:5000,檢查小提琴:http://jsfiddle.net/4sSkc/3/ – felipekm

+0

它現在按預期工作,謝謝! –

相關問題