14

jQuery UI ツールチップのスタイルを設定しようとしていますが、閉じ続けます。私は成功せずに次のことを試しました：

 $("td label").tooltip({

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

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

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

それを開いたままにするものは何もないようです。それを右クリックして Firebug に移動すると、チャンスが来る前に消えてしまいます。

4

5 に答える 5

18

より良いオプションは、js の実行を一時停止することです。

  1. コンソールを開く
  2. [ソース] タブに切り替えます
  3. ツールチップを表示するには何かをホバーします
  4. F8 ボタンをクリックします (異なる場合があります。一時停止アイコンにカーソルを合わせてホットキーを確認します)。
于 2015-02-01T22:29:34.330 に答える
1

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

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

2 番目の遅延値は、ツールヒントの終了遅延を指定します。参照: http://iamceege.github.io/tooltipster/#options

于 2016-09-30T23:16:39.023 に答える
1

前の回答は両方とも、委任されていないツールチップでは機能しなかったため、役に立ちませんでしたが、他の方法では開発パネルで CSS をいじることができませんでした。ツールチップは開いたままですが、通常のように CSS に対してチェックボックスをオフにすることも、CSS をさらに入力することもできませんでした。実装する前に解決策を見つけることができませんでした。

最終的に、ツールチップが開かれた後、デバッガー ステートメントを使用してコードを中断しました。

例：

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

そのブレークポイントに到達したら、コンソールでこれを評価します。

$(".ui-tooltip-content")

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

于 2013-12-22T02:47:12.530 に答える