2016-08-28 8 views
2

各行に編集ボタンがある剣道グリッドがあります。私はBootstrapを使用して、他のものと同様に編集ボタンにツールチップを追加しています。編集ボタンは、行モデルの属性を編集するためのウィンドウを表示します。プレースメント=本体の場合にモーダルがトリガーされると、ブートストラップのツールチップが非表示にならない

グリッドの境界線でツールチップが途切れることがありました。これを解決するために、ツールチップを初期化するときにplacement = bodyを使用しました。

私が今問題にしているのは、ボタンをクリックしてエディタウィンドウが表示されたら、ツールチップが非表示にならないということです。私はちょうど 'ホバー'にトリガーを変更しようとしましたが、それは助けになりませんでした。

私は( '[title]')ツールチップ( 'hide')をグリッドの編集イベントで実行しようとしましたが、それはまったく動作していないようです。

この問題は、剣道のウィンドウを開く「編集」と関係していると思います。ツールチップを含む他のボタンは、BootstrapDialogを起動するので、問題ありません。何が起こる

+0

私は剣道UIなしで同じ問題を抱えています。私のツールチップは、{trigger: 'hover'}を指定してもモーダルを通して表示されます。問題の解決策を見つけましたか? –

+0

いいえ、それは混乱です – sheamus

答えて

1

は.modalあなたは下に表示されている.tooltipを確保するために、あなたのCSSに以下を追加することができます1050

のzインデックスを有している.tooltipは1070年のzインデックスを持っているということです。モーダル:もちろん

.modal{ 
    z-index: 1071; 
} 

、これはあなたが絶対にあなたのモーダル内から表示ツールチップを持つことができないので、これは多分あなたの特定のニーズに合っていないことを意味します。 その場合、ツールチップのdivに別のクラスを追加して、このクラスのZ-インデックスを上書きできるはずです。

私はこの修正の猿パッチの性質をよく知っていますが、私はこれを数週間解決するために何かを探しています。

関連する問題