jquery - 如何制作qtip2逐步引导，重新打开工具提示？

Question

我正在尝试代码 here显示了 qtip2 的分步指南。

我尝试这样做:

• 加载页面，查看工具提示
• 然后关闭工具提示
• 关闭它们后，我想要一个可点击的链接，它将再次显示工具提示从头开始，无需重新加载页面。

我尝试了一些东西来让 jquery 再次执行，但是就像

$("#reshow").click(function() { $(this).show(); });

但我尝试过的似乎都不起作用。

我在这里设置了一个 jsfiddle 并举了一个例子:http://jsfiddle.net/wpZ86/1/

(如果您知道任何更简单的方法来制作带有工具提示的分步指南，请写下来)

预先感谢您的回答!

Answer 1

您所需要做的就是使用 api 再次显示工具提示

$('#qtip-step').qtip('api').show();

这是一个updated demo ，上面的代码被添加到“设置下一个/上一个链接”点击代码中。

编辑:哦，请确保隐藏时不要破坏工具提示。

hide: function(event, api) { /* api.destroy(); */ }