jquery - 如何制作qtip2分步指南，重新打开工具提示？

Question

我正在试验这里的代码，它显示了 qtip2 的分步指南。

我试着这样做：

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

我尝试了一些东西让 jquery 再次执行，但喜欢

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

但我尝试的任何方法似乎都不起作用。

我在这里设置了一个 jsfiddle 示例：http: //jsfiddle.net/wpZ86/1/

（如果您知道任何更简单的方法来使用工具提示进行分步指南，请写出来）

预先感谢您的回答！

Answer 1

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

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

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

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

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

Answer 2

我发现这个解决方案很简单：http: //jsfiddle.net/ignaciocorreia/PEYCX/1/

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