1

ポップオーバー部分の JavaScript コードは次のとおりです。

$('#view_case).popover({
    html: true,
    placement: 'top',
    title: 'Test Cases',
    content: function() {
        return $('#case_list').html();
    }
});

そしてIE8からのスクリーンショット:

ここに画像の説明を入力

ボタンの上にあるはずのない小さな白い三角形があります。

また、Bootstrap のチュートリアル ページにも同じ問題があることに気付きました。しかし、配置が「正しい」場合、IE8 で問題なく動作します。

これは一般的なバグですか?これに対する回避策はありますか?

4

3 に答える 3

1

この例を IE8 でテストしたところ、完全に機能しました。

HTML:

<p>
    <a rel="popover" title="Here It Is" data-content="This is it!" href="http://twitter.github.com/bootstrap/index.html" target="_blank">
        Learn more about Bootstrap
    </a>
</p>

Javascript:

$('a').popover({
    placement: 'top',
    trigger: "hover"
});

ここで試すことができます。

あなたが言及した三角形は、配置が「正しい」場合でも存在し、Firefoxにも表示されますが、ポップオーバーの背景と同じ色です。だからそれはバグです。

于 2013-05-31T09:28:08.923 に答える
1

Jquery 宣言を次のように置き換えます。カンマがありません:-

$('#view_case').popover({
    html: true,
    placement: 'top',
    title: 'Test Cases',
    content: function() {
        return $('#case_list').html();
    }
});
于 2013-05-31T10:20:44.600 に答える
0

二重吹き出し矢印ポインターを備えた IE8 ブラウザーのブートストラップ ポップオーバー (左に配置) に問題がありました (ブラウズ モード IE8 およびドキュメント モード IE8 標準の IE9 ではありません)。

この問題は、IE8 フォールバック サポート CSS で修正できます。

.popover .arrow { 
    margin-right: 10px !important; /* adjusting the right position */
    border: 1px transparent; /* setting border to transparent */
}

これが役立つことを願っています。

于 2013-09-17T08:33:34.320 に答える