如何动态更改TWBS popover的高度?

时间:2017-01-12 05:54:14

标签: javascript jquery css twitter-bootstrap popover

我有一个关于动态改变弹出窗口高度的问题。

说,我有一个按钮,如果我点击按钮就会出现弹出窗口,除了弹出窗口有一个默认的css高度值,让我们说'600px'。所以,如果我点击按钮,那么弹出窗口的高度为' 600px'。但我想根据视口的大小动态更改弹出窗口的高度。下面是我编写的函数,它将在页面加载后启动。

function calculatePopoverHeight() {
    var viewPortHeight = $(window).height();
    var popoverHeight = viewPortHeight - 10;
    var popoverContentHeight = popoverHeight - 5;

    $('.popover').css('height', popoverHeight + 'px');
    $('.popover-content').css('height', popoverContentHeight + 'px');
};

但这不起作用,我相信原因是当函数启动时,弹出窗口不在DOM中,因此jQuery无法获取该元素。但我希望在出现弹出窗口之前准备好值。 所以,如果有人碰到这个?或者如果您有任何想法?

0 个答案:

没有答案