javascript - 是否可以动态覆盖 twitter bootstrap popover 的定位？

Question

我目前正在尝试根据触发弹出框的元素的位置来更改弹出框的位置。

问题是我用静态定位初始化了所有弹出框（参见下面的示例）。当我悬停触发弹出框的元素时，我想直接更改或设置位置。这可能吗？

$(".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');         
        })

Answer 1

至少从 Bootstrap 2.1 开始（尽管我相信该功能已经存在一段时间了），弹出框的选项可以通过data-attributes传递。因此，您可以简单地包含一个data-placement="top"您希望在顶部显示的弹出框，依此类推。