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

Question

我在数据表上使用引导弹出窗口，正如您从下面的 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

您可以像这样为“放置”选项分配一个功能..

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

})