2012-12-07 39 views
4

我正在試驗代碼here,它顯示了qtip2的分步指南。如何使qtip2一步一步地指導,重新打開工具提示?

,我試圖做到這一點:

  • 加載的頁面,看到提示
  • 然後關閉它們後關閉提示
  • ,我希望有一個可點擊的鏈接,將再次顯示工具提示 從頭開始,無需重新加載頁面。

我嘗試了一些東西,使jQuery的再次執行,但像

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

,但沒有我嘗試似乎工作。

我已經設置了這裏的jsfiddle一個例子:http://jsfiddle.net/wpZ86/1/

(如果您知道任何更簡單的方式做一個一步一步的指導與提示,請寫出來)

預先感謝您的答案!

回答

3

所有你需要做的是使用API​​來顯示工具提示再次

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

這裏是一個updated demo,上面的代碼被添加到「設置下一個/上一個鏈接」點擊代碼。

編輯:哦,並確保在隱藏時不要摧毀工具提示。

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

太謝謝你了!這就是我想要做的:http://jsfiddle.net/dimitrisscript/DY9n2/ 編輯:我需要做的最後一件事是在每個工具提示中有「下一步」按鈕。我試過:http://jsfiddle.net/dimitrisscript/DY9n2/1/ 但似乎沒有工作...任何想法? – dimitris

+1

嘗試[這個演示](http://jsfiddle.net/Mottie/DY9n2/5/) - 它只會在工具提示中添加一個「下一步」按鈕。你的演示不起作用的原因是'#next'是一個Id *和*,因爲你需要使用委託方法綁定到動態創建的工具提示內部的鏈接。 – Mottie

+0

再次感謝您!我結束了使用這樣的事情:http://jsfiddle.net/dimitrisscript/x53Sq/ – dimitris