使用 jQueryUI 的对话框,我想弹出信息。我的问题是我想将对话框的高度设置为内容的高度。如果我不指定高度,那么效果很完美。高度根据内容的高度自动计算。那么问题是,如果内容非常高,对话框也会变得非常高并低于窗口...... maxHeight 在这种情况下也不能很好地工作。
因此,我可以通过在显示弹出窗口后调整高度和位置来解决此问题。然而,当内容被加载时(通过ajax),它会远远低于屏幕。只有完成后我才能重新调整窗口。我不想有那么尴尬的延误。
UPDATE:事实证明我想要的不仅仅是 maxHeight。我想要最大初始高度。所以当对话框加载数据后,它只能增长到一定的高度。但之后,您可以扩大窗口。实现这一点非常容易:
$('<div><div></div></div>').attr('title', options.title).appendTo('body').dialog({
open: function() {
$(this).children().css('maxHeight', maxInitialHeight).load(url, function() {
thisDialog.$dialog.dialog('option', 'position', 'center');
});
}
});
这将从“url”动态加载一个对话框,其内容达到 maxInitialHeight 高度。嵌套的 2 个 div 是必要的。
您可以将您的内容插入<div class="dialog-data" />
并使该 div 成为对话框的内容。
然后你可以使用 CSS 指定一个max-height
and overflow: auto
给你的div.dialog-data
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)