1

jquery ajaxを使用してページを呼び出し、応答を取得してブートストラップモーダルで表示します。このページは、ブラウザで関数を使用して個別に呼び出されたときにポップオーバーを表示します

   $('a[rel=popover]').popover();

ポップオーバーは表示されますが、モーダル内ではポップオーバーは表示されません。

アップデート：

問題はJSの問題であり、エラーは $('a[rel=popover]').popover関数ではありません

4

2 に答える 2

2

ここでの問題は、モーダル内でもポップオーバーが表示されることですが、モーダルの z-index がポップオーバーの z-index よりも大きいため、表示できないことです。ポップオーバー要素の z-index を変更したところ、動作するようになったので、このJSFIDDLEを参照して実際の例を確認してください。

CSS :

.popover{
    z-index:100000000;
}
于 2013-10-17T12:38:26.140 に答える
1

Bootstrap を使用すると、ポップオーバーとモーダルの z-index が同じであることがわかります。

.modal .popover,.modal .twipsy{z-index:12000;}

含まれている要素がモーダルの場合は、ポップオーバーの z-index を手動でオーバーライドする必要があります。CSS を使用してそれを実行できるかどうかはわかりませんが、js で確実に実行できます。

于 2012-04-24T06:09:20.983 に答える