jquery - qtip2のステップバイステップガイドを作成し、ツールチップを再度開くには?

Question

ここでは、qtip2 のステップバイステップガイドを示すコードを試していました。

そして私はこれをやろうとしました:

jqueryを再度実行させるためにいくつか試してみましたが、

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

しかし、私が試したことは何もうまくいかなかったようです。

ここで例を使用してjsfiddleをセットアップしました：http://jsfiddle.net/wpZ86/1/

(ツールチップを使用して段階的なガイドを作成する簡単な方法を知っている場合は、それを書いてください)

回答ありがとうございます。

score 3 · Accepted Answer

あなたがする必要があるのは、APIを使用してツールチップを再度表示することです

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

これが更新されたデモです。上記のコードが「次/前のリンクの設定」クリックコードに追加されています。

編集：ああ、非表示のときにツールチップを破壊しないように注意してください。

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

score 0 · Accepted Answer

このソリューションは簡単だと思いました：http://jsfiddle.net/ignaciocorreia/PEYCX/1/

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

2 に答える 2