3

我正在使用 PHP 和 HTML 创建一个引导表。这是我正在生成的单元格的示例，包括弹出窗口：

echo '<td colspan="' . $newlength . '" rel="popover" id="example" data-toggle="popover" data-content="Content!!!" data-title="<img src=\'myimage.jpg\' width=\'45\' height=\'30\' /> &nbsp Title">Content!!!</td>';

这是我的脚本：

$('[data-toggle="popover"]').popover({
trigger: 'click',
    'placement': 'bottom',
    html: 'true' });

我的问题是，当我激活一个弹出框时，表格的下一行会增加宽度，好像是为了容纳弹出框，然后调整为正常大小。有没有办法阻止这种情况发生？

编辑：试图重新创建问题 - 虽然它在 bootply 上并不完全相同（表是水平调整大小而不是垂直调整），但它是相似的。http://www.bootply.com/91456

4

1 回答 1

3

您可以使用该container选项.popover()...

$('[data-toggle="popover"]').popover({
    trigger: 'click',
        placement: 'right',
        html: 'true',
        container: '.table'
});

这会将弹出框元素附加到表格而不是表格单元格。

于 2013-11-02T13:17:47.650 回答