javascript - SimpleModal:窗口调整大小会导致滚动条和模式内容的重绘

Question

我有一个模态，看起来像我想要的，当它第一次加载时。要设置我正在使用的 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 回调或从模态函数外部触发事件的方法？

Answer 1

我想我已经弄清楚了。

在 CSS 中，如果我放置 width: auto 和 height: auto !important 这将按照我的预期工作。我真的不喜欢使用 !important，但我猜这就是它的用途。