jquery - Bootstrap - プログラムで要素にポップオーバーをアタッチして表示する

Question

Bootstrap v3 を使用しており、ページの読み込み時に、要素の横にプログラムでポップオーバーを表示しようとしています。DOM にはポップオーバー マークアップはありません。JQueryで作成して表示したい。

私はこれを試しましたが、うまくいきません。

$( document ).ready(function() {
   $('.theElement').popover({
            placement:'right',
            trigger:'manual',
            html:true,
            content:'popover content'
        });
   $('.theElement').popover('show')
});

コンソールに「TypeError: Argument 1 of Window.getComputedStyle is not an object」というエラーが表示されます。上記のことが原因だと思います。

Answer 1

これを試して

$( document ).ready(function() {
   $('.theElement').attr('data-placement','right')
   //add all atributes.....

   //and finally show the popover
   $('.theElement').popover('show')
});