我有一个模态,看起来像我想要的,当它第一次加载时。要设置我正在使用的 onShow 回调中的大小和位置:
$j('.discount-msg').click(function () {
event.preventDefault();
modalWindow = $j('#crosssell-modal').modal({
containerId: "cross-sell-container",
autoResize: true,
//maxWidth: 698,
onShow: function (dialog) {
dialog.container.css({"height":"auto","width":"auto"})
this.setPosition();
$j("#closeCrossSellModal", dialog.data).click(function () {
$j.modal.close();
});
}
});
});
当用户调整浏览器窗口的大小时,尽管模式会调整内容宽度的大小,但它会切换到新行并创建滚动条。
是否有 onResize 回调或从模态函数外部触发事件的方法?
最佳答案
我想我已经弄清楚了。
在 CSS 中,如果我放置 width: auto
和 height: auto !important
这将按照我的预期工作。我真的不喜欢使用 !important
,但我猜这就是它的用途。
关于javascript - SimpleModal:窗口调整大小会导致滚动条和模式内容的重绘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13462924/