是否可以动态覆盖推特引导弹出窗口的位置

Is it possible to overwrite the positioning of a twitter bootstrap popover on the fly?

本文关键字:窗口 位置 动态 覆盖 是否      更新时间:2023-09-26

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

问题是我使用静态定位初始化所有弹出框(请参阅下面的示例)。我想在将鼠标悬停在触发弹出框的元素上时直接动态更改或设置位置。这可能吗?

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

从 Bootstrap 2.1 开始(尽管我相信该功能已经存在了一段时间),弹出窗口的选项可以通过data-属性传递。因此,您可以简单地为要在顶部显示的弹出框包含一个data-placement="top",依此类推。