2013-07-30 49 views
11

我想風格的jQuery UI工具提示,但它保持關閉。我試過以下沒有成功:jQuery UI保持工具提示打開調試(風格)

$("td label").tooltip({ 

    disabled: true, 
    close: function (event, ui) { return false; } 

}).on("click", function() { 

    $(this).tooltip("open"); 
}).off('focusout mouseleave mouseenter'); 

沒有東西似乎保持它打開。當我右擊它去Firebug時,它在我有機會之前就消失了。

+0

如果您不指定此選項('focusout mouseleave mouseenter'); – TGH

+0

不,仍然消失。 – parliament

回答

17

呼叫您提示的開法,這將使他們保持打開

$("td label").tooltip().tooltip("open"); 
+0

注意這隻適用於未委託的工具提示。有關其他選項,請參閱http://stackoverflow.com/a/14881045/7376。 – Tom

12

如果只是爲了調試的目的,爲什麼不使用the hide option並設置很長的持續時間。

$("td label").tooltip({ hide: {duration: 1000000 } }); 
+1

或者使用'delay',像這樣:'hide:{delay:1000000}'。 – Pang

1

無論是先前的答案並沒有幫助我,一個非授權提示沒有工作,而使用另一種方法,我無法在開發板中使用CSS。工具提示保持打開狀態,但我無法取消選中任何CSS的複選框,就像我通常會輸入的CSS一樣 - 在實現它之前找到解決方案。

最終,我在打開工具提示後使用調試器語句打破了我的代碼。

例子:

jQuery(".myElement").tooltip({ 
    open: function (event, ui) {    
      debugger; 
    } 
}); 

當該斷點時,在控制檯評估此:

$(".ui-tooltip-content") 

並在控制檯中的評價結果​​,然後右鍵單擊並選擇在元素面板顯示到使用它就像在頁面上的任何其他元素。 當工具提示內容動態構建時(如我的情況),這特別有用。

10

更好的選擇是暫停js的執行。

  1. 打開控制檯
  2. 切換到源選項卡
  3. 哈弗東西提示出現
  4. 按F8鍵(也許不同,懸停暫停圖標檢查熱鍵)
+0

這是僅用於調試目的的正確答案。沒有代碼修改。 – Kelly

+0

這應該是公認的答案,因爲沒有代碼被修改! – equitharn

+0

大謝謝你,現在看起來很明顯......但我浪費了一些時間試圖調試jquery-ui的自動完成功能,它隨着任何點擊而消失。 –

1

對於tooltipster v4.1.5使用像這樣的延遲選項。

$('.tooltip').tooltipster({ 
    interactive:true, 
    animation: 'grow', 
    delay:[100, 10000000] 
}); 

第二個延遲值指定工具提示的關閉延遲。參考:http://iamceege.github.io/tooltipster/#options