問題タブ [twitter-bootstrap-tooltip]

私はこれで構成されるモーダルウィンドウを持っていますdiv:

ご覧のとおり、ラベルにツールチップがあります。

次のコードで初期化されます。

コードは機能していますが、ツールチップがモーダルの背後に表示されています。z-indexツールチップを次のように設定してみました。

また

しかし、どれも機能しませんでした。

このツールチップをモーダルの上に表示するには、CSS をどのように設定すればよいでしょうか?

ホバー中にブートストラップのツールチップを維持しようとしているので、ここで vikas の回答に従いました (ポップオーバーがホバーされている間、ブートストラップ ポップオーバーを有効にするにはどうすればよいですか? )。私は次のようなものを作りました：

これは、Opera を除くほとんどの Web ブラウザー (Chrome、Firefox、Safari、IE) で正常に動作します。Opera では、$('.tooltip:hover').length は常に 0 を返します。Opera と互換性を持たせる方法はありますか?

または、マウスが現在ツールチップのコンテンツ上にあるかどうかを確認する別の方法を知っていますか?

電話とタブレットに表示される要素と、デスクトップなどに表示される要素の 2 つの異なる要素を用意しようとしています。これらの 2 つの異なるアイテムには、常に表示したいツールチップもあります (ホバーを使用しないでください)。

私が直面している問題は、レスポンシブ要素 (div、またはこの場合はボタン) が非表示になっている場合でも、両方のツールヒントが常に表示されることです。

HTML:

JS:

私はJSBinの例を持っています: http://jsbin.com/UFoRIYex/508/edit

できる？

ツールチップはデフォルトで問題なく動作していました$('selector').tooltip('show'); 。それは明白なものでなければなりませんが、私はそれを見ることができません。

Javascript

Javascript:

initTooltip のパラメーターをログに記録すると、これが得られます (予想どおり)

Javascript:

すべてが整っているように見えますが、エラーも発生していません。ツールチップ自体はレンダリングされません。電話する必要があるtooltip.show()か何かのようです。

現在、次のコードを使用して、Bootstrap ツールチップの遅延初期化バージョンを初期化しています。最初のホバーの後、遅延に関してはすべて正常に機能しますが、最初のホバーではすぐに表示されます。これは方法によるものであることは$(this).tooltip('show');知っていますが、遅延と表示を同時に使用する方法がわかりません。$(this).tooltip('show');一度要素をホバリングすると、移動して元に戻らない限り、ツールチップが表示されないため、を使用する必要があります。

更新された回答

私は SOを読んでいますが、blur イベントが多くの人に対して 2 回呼び出されていることがわかります。正直なところ、理由がわかりません。

JavaScript:

私のパラメータは正しく入っています。すべてをログアウトすると、メッセージはすべて正しいです。ブラー イベントが 2 回実行されるのを回避する方法がわかりません。

私も使ってみましfocusoutたが、うまくいきませんでした。

動的に配置される複数の要素があり、それぞれにツールチップがあります。2 つの要素のツールチップの位置が重なることがあります。ツールチップが次に利用可能な空の配置スロット ( top、bottom、left、right) を自動的に占有することは可能ですか?

各ツールチップは、既存のツールチップと重複する可能性があるかどうかをチェックし、残りの 3 つの配置スロットを循環します。