jQuery Tools Tooltip：在页面加载时显示答案

【问题标题】：jQuery Tools Tooltip: show on page loadjQuery Tools Tooltip：在页面加载时显示
【发布时间】：2012-03-23 20:52:01
【问题描述】：

我正在开发一个小型应用程序，并且正在使用 jQuery 工具工具提示 (http://jquerytools.org/documentation/tooltip/index.html) 来实现工具提示功能。我不知道如何在页面加载时显示工具提示。以前有人做过吗？

【问题讨论】：

如果没有样品可以提供给您，我觉得将其作为“答案”感到内疚...所以评论！您需要做的就是在 jQuery“文档就绪”函数中初始化工具提示。然后在.show() 的 API 中有一个方法，但我没有完全研究它的确切语法。 ;-)
感谢您的评论！有两种不同的方法可以做到这一点（在看到下面的答案和您的评论之后）......我将它们发布在下面。

标签： jquery jquery-tools jquery-tooltip

【解决方案1】：

初始化工具提示后，您应该能够在页面加载时触发 mouseenter 事件。

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

【讨论】：

老兄！非常感谢！我知道这很简单！一旦 Stackoverflow 让我大声笑，我就会接受它！再次感谢！
当有对show() 的API 调用时，这似乎有点偏离了方向；但是，您不能与结果争论！ ;-)

【解决方案2】：

在看到 Matthew 的回答和 Greg 的建议后，有两种方法（可能更多）可以做到这一点。

他们来了。

使用 jQuery 工具的 API 版本

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

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

使用jQuery激活mouseEnter()

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

再次感谢您的帮助！

【讨论】：

+1 按预期使用 API 比触发虚假事件更容易受到攻击。（虽然我不清楚如何使用这个 API。data() 方法让我很惊讶。）

【解决方案3】：

看起来所有的工具提示都有“.tooltip”，所以你可以这样做。

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

您可能还想为 '.fadeOut()' 添加一些逻辑

【讨论】：