4

現在、ポップオーバーをトリガーした要素の位置に応じて、ポップオーバーの位置を変更しようとしています。

問題は、すべてのポップオーバーを静的な配置で初期化することです (以下の例を参照してください)。ポップオーバーをトリガーした要素にカーソルを合わせたときに、その場で直接位置を変更または設定したい。これは可能ですか?

$(".timelineTour")
         .popover({
             offset: 10,
             trigger: 'manual',
             animate: false,
             html: true,
             placement: 'bottom',
             template: '<div class="popover">' + 
                         '<div class="arrow"></div>' + 
                         '<div class="popover-inner">' + 
                           '<h3 class="popover-title"></h3>' + 
                           '<div class="popover-content"><p></p></div>' + 
                         '</div>' +
                       '</div>'



        }).mouseenter(function(){
          /* examine position*/
          /* ........        */

          $(this).popover({
             offset: 10,
             trigger: 'manual',
             animate: false,
             html: true,
             placement: 'right',
             template: '<div class="popover">' + 
                         '<div class="arrow"></div>' + 
                         '<div class="popover-inner">' + 
                           '<h3 class="popover-title"></h3>' + 
                           '<div class="popover-content"><p></p></div>' + 
                         '</div>' +
                       '</div>'
           });
          $(this).popover('show');         
        })
4

1 に答える 1

1

少なくとも Bootstrap 2.1 の時点では (この機能はしばらく前からあったと思いますが)、popovers のオプションは attributes を介して渡すことができdata-ますdata-placement="top"そのため、上部に表示したい for ポップオーバーなどを単純に含めることができます。

于 2013-01-08T08:45:51.027 に答える