jQuery Tools工具提示：在頁面加載時顯示

我正在開發一個小應用程序，並使用jQuery Tools Tooltip（http://jquerytools.org/documentation/tooltip/index.html）提供工具提示功能。我無法弄清楚如何在頁面加載時顯示工具提示。有沒有人做過這個？jQuery Tools工具提示：在頁面加載時顯示

來源

2012-03-23 dennismonsewicz

沒有一個樣本提供給你，我感到內疚使這個「答案」...所以這是一個評論！所有你需要做的就是在jQuery「文檔就緒」函數中初始化你的工具提示。然後在'.show（）'的API中有一個方法，但我沒有完全調查它的確切語法。 ;-) – 2012-03-23 20:59:06

感謝您的評論！有兩種不同的方式來做到這一點（在看到下面的答案和你的評論之後）...我在下面發佈它們。 – dennismonsewicz 2012-03-23 21:01:27

在啓動工具提示後，您應該能夠在頁面加載時觸發mouseenter事件。

$("#target").mouseenter();

來源

2012-03-23 20:56:35

DUDE！非常感謝！我知道這很簡單！我會接受它一旦Stackoverflow會讓我LOL！再次感謝！ – dennismonsewicz 2012-03-23 20:57:41

當有一個針對show（）的API調用時，這似乎有點偏向;然而，你不能與結果爭論！ ;-) – 2012-03-23 21:01:42

好吧，它看起來像所有的工具提示'.tooltip'，所以你可以做到這一點。

$(function(){ 
    $('div.tooltip').fadeIn(); 
});

你可能會想一些邏輯添加到「.fadeOut（）」，以及

來源

2012-03-23 21:01:09

這是行不通的。 – 2012-09-21 21:45:38

看到從馬修的答案，從格雷格的建議後，有兩種方法（可能更多）去做這件事。

他們在這裏。

再次

$('.searchToolTip').tooltip({ 
        position: 'bottom center' 
       }).mouseenter();

由於使用jQuery工具API版本

$('.searchToolTip').tooltip({ 
        position: 'bottom center' 
       }); 

       var tooltipApi = $('.searchToolTip').data('tooltip'); 
       tooltipApi.show();

使用jQuery激活了mouseenter（）的幫助！

來源

2012-03-23 21:04:00 dennismonsewicz

+1按照預期使用API比觸發假事件更簡陋。（雖然我不清楚如何使用這個API，data（）方法對我來說是一個驚喜。） – 2012-09-21 21:57:00

jQuery Tools工具提示：在頁面加載時顯示

回答

相關問題