我有一个关于动态改变弹出窗口高度的问题。
说,我有一个按钮,如果我点击按钮就会出现弹出窗口,除了弹出窗口有一个默认的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无法获取该元素。但我希望在出现弹出窗口之前准备好值。 所以,如果有人碰到这个?或者如果您有任何想法?