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工具提示：在页面加载时显示

回答

相关问题