带表格的引导弹出框 3.0

Question

当我将 bootstrap 3.0 popover 与placement: auto 一起使用时，它不起作用，并且它会偏离表格大小。

placement: auto right（意味着弹出框如果有位置则应向右流动，否则向左流动）

查看此链接：

http://jsfiddle.net/DTcHh/65

但是，当我将它放在桌子外面时，它可以正常工作！

$('button.hey').popover({
placement: 'auto left',
 html: true,
    //selector: '[rel="popover"]',
    content: function () {
        return "Hi man";
    }
})

有什么想法吗？

Answer 1

在您的情况下，我建议您编写自己的放置回调，而不是使用“自动”。

如果您希望除最后一个 td 之外的所有按钮都“正确”。以下是展示位置的写法

$('button.hey').popover({
    placement: function(context,source){
        //check if current td is last one
        var td = $(source).closest('td');
        console.log(td);
        if(td.next().length == 0) {
            return 'left';
        }
        return 'right';
    },
     html: true,
     //selector: '[rel="popover"]',
     content: function () {
        return "Hi man";
     }
})

如果要根据位置进行处理，可以在放置回调中处理。

检查这个小提琴http://jsfiddle.net/codejack/DTcHh/66/