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

Question

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

我尝试这样做：

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

我尝试了一些让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(); */ }

Answer 2

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

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