10

テーブルにポップオーバーを切り替えるボタンがあります。data-container="body"私はjavascriptバージョンで試したのと同様に設定しました。

私のポップオーバーは次のようになります: (最初のボタンをクリックしました)

ここに画像の説明を入力

私のボタンコードはここにあります：

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button>

そしてここに私のJavaScript：

<script type="text/javascript">
      $("#testsettracesBtn1").popover({ container: 'body'});
</script>

ポップオーバーを正しく配置するにはどうすればよいですか? (そして、はい、私は最新のブートストラップ バージョンを持っています。)

4

2 に答える 2

8

私も同じ問題を抱えていましたが、バグの原因は Bootstrap フレームワークが古かったことでした。2.3.2 にアップグレードすると、container: 'body'属性が機能し始めました。

それは私にかなりの頭痛の種を引き起こしました...問題が自分のコードにないことがわかるまで！

于 2013-09-23T23:36:18.183 に答える
6

selectこの奇妙な動作は、テーブル内の多くの要素が原因で発生します。どうしてか分かりません？max-widthボタンがクリックされた後、ポップオーバーの幅を に変更しました。正しい幅で、矢印も右に配置されます。

$(document).ready(function(){    
    $("[id^=kommentareBtn-]").popover({ container: 'body', placement: 'bottom', html: true });

    //this fixed my problem...
    $("[id^=kommentareBtn-]").click(function() {
      $(".popover").css("width", "276px");
    });
});
于 2013-06-26T08:33:49.583 に答える