如何在加载时显示 Tipsy 工具提示并保持显示？答案

【问题标题】：How do I show Tipsy tooltip on load and keep it shown?如何在加载时显示 Tipsy 工具提示并保持显示？
【发布时间】：2012-09-16 09:45:49
【问题描述】：

我刚刚在我的 wordpress 网站上安装了 Tipsy Tooltip (http://onehackoranother.com/projects/jquery/tipsy/) 脚本，我只是想知道如何在页面加载时显示工具提示并保留它显示。

这是我目前的代码；

<a id="logo" href="#" original-title="Happy <?php echo date("l"); ?>"></a>
<script type='text/javascript'>
  $("a#logo").tipsy('show');
</script>

提前致谢！ :)

【问题讨论】：

【解决方案1】：

嗯，首先你必须指定你想使用的属性而不是title，在你的例子中是original-title。那么触发器必须设置为manual。最后，我们想在完成后显示工具提示。

 $('#logo').tipsy({trigger: 'manual', title: 'original-title'});
 $('#logo').tipsy('show');

【讨论】：

哇，谢谢！ :) 这样就搞定了！我没有意识到您必须指定属性或设置触发器。谢谢！ :)
我还有一个问题，现在它一直在显示，我的网站上有另一个 div 可以滑动，你可以在这里看到它，quickclicksnap.com，一旦你点击继续，它就会滑动向上，我现在发现工具提示保持在原处，而不是向上滑动，直到您刷新页面它才会重新对齐。我该如何解决？本
所以你想在一定时间后隐藏工具提示？
不，我希望它保持显示，但是一旦页面顶部的 cookie 通知被关闭，我希望工具提示与徽标保持一致。一旦您关闭通知，它似乎就被留在了页面下方。你可以在这里看到我的意思。 quickclicksnap.com，cookie 通知一旦关闭就使用 localstorage。
好的，尝试在向上滑动通知的功能中添加$("a#logo").tipsy("show");？像这样：$('#hideNotice').click(function(){ $('#notice').hide(); $('a#logo').tipsy('show'); });

【解决方案2】：

使用document ready method:

$(document).ready(function() {
  $("a#logo").tipsy('show');
});

【讨论】：