javascript - 是否可以即时覆盖 twitter bootstrap popover 的位置？

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

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

$(".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 开始(尽管我相信该功能已经存在一段时间了)， options for popovers can be passed via data- attributes 。因此，您可以简单地为要显示在顶部的弹出框添加 data-placement="top"，依此类推。

关于javascript - 是否可以即时覆盖 twitter bootstrap popover 的位置？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10996744/