ブートストラップ：モーダルでポップオーバー

Question

TwitterからのブートストラップCSSライブラリを使用して既存のモーダルダイアログにポップオーバー効果を使用したいと思います。ポップオーバーを小さな画像アイコンにバインドします。

$('#modalContainer').modal({ 
    keyboard : true 
}); 

しかし、私は、ポップオーバーが代わりにモーダルDIV OVERモーダルコンテナの下にレンダリングされていること（参照されて持っている効果：

$('#infoIcon').popover({ 
    offset: 50, 
    placement: 'right' 
}); 

モーダル自体もドキュメントに従って追加されます以下のスクリーンショット）。モーダル部門を超えて本当にポップオーバーをもたらすことができますか？

Answer 1

Bootstrapのメンバーはこの問題をバグと認識し、次のリリースで修正しました。あなたが試すことができます。一方で see more details here

Answer 2

1つのウィンドウのz-index値が何であるかをチェックし、優れた価値を持つもう一つのためのzインデックスを変更してください。使用しているプラ​​グインが入力パラメータでこの変更を許可していない場合は、jQuery css機能でこれを行うことができます。

Answer 3

：

$('#infoIcon').popover({ 
    offset: 50, 
    placement: 'right' 
}); 

$("#infoIcon").data('popover').tip().css("z-index", 1060); 

Answer 4

あなたは、単にCSSを経由してポップオーバーのzインデックスを設定し、そのためにはJavaScriptを必要としません：

.popover { 
    z-index: 1060; 
} 

Answer 5

あなたの場合あなたが使用する必要があります、フライで作業する必要があります

$("<style type='text/css'> .popover{z-index:1060;} </style>").appendTo("head");