Question

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

我试图连续调整最后一个td的弹出窗口的位置或'位置'，这个想法是当点击最后一个单元格时，弹出框将位于左侧而不是顶部。

您将看到是否滚动到表格的末尾，单击我已实施选择但不是定位的最后一个单元格。

关于如何实现这一目标的任何想法？

用javascript浏览popures：

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

})

更改特定元素的引导弹出位置

1 个答案: