javascript - 更改特定元素的 Bootstrap 弹出窗口位置

Question

我正在使用 bootstrap popover在数据表上，正如您将从我的 jsFiddle 中看到的那样，每个单元格在单击时都会创建一个弹出窗口。

我正在尝试为连续的最后一个 td 调整弹出框的位置或“位置”，想法是当单击最后一个单元格时，弹出框将位于左侧而不是顶部。

如果滚动到表格的末尾，您会看到我已实现选择但未实现定位的最后一个单元格。

关于如何实现这一点有什么想法吗？

http://jsfiddle.net/N8NNC/1/

弹出框的 javascript 代码如下:

$(".metapop").popover({ 

    html: true,
    trigger: 'manual',
    placement: 'top',
    title: "You clicked on this cell:",
    content: 'hello this is a popover'

}).click(function(e) {

        $('.popover').hide();
        $(this).popover('show');
        if($(this).parent().is('td:last-child'))
            {
                alert($(this))
            }
    });

Answer 1

你可以像这样为'placement'选项分配一个函数..

$(".metapop").popover({ 

    html: true,
    trigger: 'manual',
    placement: function(pop,ele){
        if($(ele).parent().is('td:last-child')){
        return 'left'
        }else{
        return 'top'
        }
    },
    title: "You clicked on this cell:",
    content: 'hello this is a popover'

})