2013-07-30 14 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

あるいは、 'hide:{delay:1000000}'のように 'delay'を使います。 – Pang

1

を開いたままになりますあなたのツールチップ上のオープン方法、一方、他の方法では私はdevパネル上でCSSで遊ぶことができませんでした。ツールチップは開いたままでしたが、通常どおりにCSSをチェックしたり、より多くのCSSを入力したりすることはできませんでした。

最終的に私はツールチップを開いた後に自分のコードを壊すためにデバッガーステートメントを使用しました。

例:そのブレークポイントがヒットした場合

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

、コンソールでこれを評価する:

$(".ui-tooltip-content") 

し、右コンソールでの評価の結果をクリックしてに要素パネルで明らか選びますページ上の他の要素と同じように機能します。 これは、ツールチップのコンテンツが(私の場合のように)動的に構築されている場合に特に役立ちます。

10

jsの実行を一時停止する方がずっと優れています。

  1. オープンコンソール
  2. Sources]タブに切り替え
  3. ホバー
  4. クリックF8ボタンを表示するツールチップのために何か(多分違う、ホットキーをチェックするために一時停止アイコンを置く)については
+0

これは、デバッグの目的でのみ適切な答えです。コードの変更はありません。 – Kelly

+0

コードが変更されていないので、これが受け入れられる回答になるはずです! – equitharn

+0

Bigありがとうございました、今は明らかです...しかし、私はjquery-uiのオートコンプリート機能をデバッグしようと時間を無駄にしました。 –

1

tooltipsterのv4.1.5では、このような遅延オプションを使用しています。

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

第2の遅延値は、ツールチップの終了遅延を指定します。参照:http://iamceege.github.io/tooltipster/#options

関連する問題