Bootstrap popover滚动问题

时间:2014-09-04 10:14:46

标签: javascript jquery twitter-bootstrap

我有一个网格,在其中一个列上,我已经实现了Bootstrap popover。

所以其中一个列会显示“X个人”链接,点击此链接后,我会显示一个带有实际人名的bootstrap popover。

以下是我的代码;

$t
    .addClass('mySummaryData')
    .css({
        "white-space"   : "nowrap",
        "width"         : 380,
        "max-width"     : 380,
        "display"       : "block",
        "text-overflow" : "ellipsis",
        "overflow"      : "hidden"
    })
    .attr({
        'data-title':   'Title: ',
        'href'      :   "javascript: void(0)"
    })
    .popover({
            placement:  'left',
            html:       true,
            trigger:    'click',
            container:  'body',
            content:    _generatePopover()
     })
     .on('click.mypop', function(e){
            _hideMyPopover();
            $(this).popover("show");
     });  

现在,虽然我可以通过点击链接获得弹出窗口,因为它是一个网格,用户也可以滚动网格数据。

但是,如果他在其中一个弹出窗口打开的情况下这样做,那么弹出窗口会保持原样并且网格滚动使得弹出窗口看起来有些不合适。

我该如何解决这个问题?

我可以将滚动条与网格一起滚动吗?

0 个答案:

没有答案