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

时间:2012-11-19 21:52:50

标签: javascript callback resize simplemodal

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

1 个答案:

答案 0 :(得分:1)

我想我已经弄明白了。

在CSS中,如果我放置width: autoheight: auto !important这就像我期望的那样。我真的不喜欢使用!important,但这就是我想的。