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开始（尽管我相信这个功能已经存在了一段时间），options for popovers can be passed via data- attributes。因此，您只需为要在顶部显示的弹出窗口添加data-placement="top"，依此类推。

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

1 个答案: