带表的bootstrap popover 3.0

Abzoozy

当我将bootstrap 3.0 popover与placement:auto一起使用在表内部时,它不起作用,并且流离表大小。

位置:自动右移(意味着弹出窗口应在右侧放置,否则会向左流动)

检查此链接:

http://jsfiddle.net/DTcHh/65

但是,当我将它放在桌子外时,它应该可以正常工作!

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

任何的想法?

密码劫持者

在您的情况下,建议您编写自己的回调以进行放置,而不要使用“ 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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击并悬停Bootstrap 3 Popover

来自分类Dev

在bootstrap 3中的popover中放置表单?

来自分类Dev

Bootstrap 3 Popover箭头和框的位置

来自分类Dev

Bootstrap 3-Popover div HTML

来自分类Dev

容器div上的bootstrap 3 popover

来自分类Dev

Bootstrap 3 Popover滚动不起作用

来自分类Dev

Bootstrap 3 Popover在“响应”模式下不起作用

来自分类Dev

Integrating Twitter Bootstrap popover with D3.js

来自分类Dev

将Twitter Bootstrap popover与D3.js集成

来自分类Dev

Bootstrap 3 Popover在“响应”模式下不起作用

来自分类Dev

Bootstrap Popover临时调整表大小

来自分类Dev

Bootstrap Popover临时调整表大小

来自分类Dev

Selenium ElementNotVisibleException for Bootstrap Popover

来自分类Dev

Bootstrap Popover在中间对齐

来自分类Dev

Bootstrap Popover Border CSS

来自分类Dev

Bootstrap Popover和Rails

来自分类Dev

Ajax的Bootstrap Popover

来自分类Dev

Bootstrap Popover Border CSS

来自分类Dev

Bootstrap Popover问题

来自分类Dev

Selenium ElementNotVisibleException for Bootstrap Popover

来自分类Dev

Bootstrap Popover功能

来自分类Dev

LI中的Bootstrap Popover

来自分类Dev

带Bootstrap Popover的Rails进行销毁操作(使我干燥)

来自分类Dev

在同一元素上的Bootstrap 3 Popover和工具提示

来自分类Dev

Bootstrap 3 Popover:再次显示在悬停和点击时。固定弹出框

来自分类Dev

如何在bootstrap 3 popover中一起使用“ show”和“ placement”等属性?

来自分类Dev

在同一元素上的Bootstrap 3 Popover和工具提示

来自分类Dev

如何在bootstrap 3 popover中完全使用“ show”和“ placement”等属性?

来自分类Dev

如何通过数据内容属性在Bootstrap 3 Popover中传递HTML内容

Related 相关文章

热门标签

归档