Question

当我使用带有放置的bootstrap 3.0 popover时：在表内自动运行它不起作用，并且它从表大小流出。

展示位置：自动向右（表示如果有一个位置，popover应该向右流动，否则流向左侧）

检查此链接：

然而，当我把它放在一张桌子外面时，它应该按原样运行！

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

有什么想法吗？

Answer 1

在你的情况下，我建议你写一个自己的回调，而不是使用'auto'。

如果你想要除了最后一个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/

bootstrap popover 3.0 with tables

1 个答案: