改变模态窗口的大小

changing size of nyromodal window

本文关键字:窗口 模态 改变      更新时间:2023-09-26

此脚本等待用户按下按钮,以便启动

$('.image_upload').nm({
    sizes: {minW:10,minH:10 },
    modal: false,
  closeOnClick: false
        });

然后在按下脚本后,在改变奈莫式窗口的内容后,我试图改变窗口的大小,但它不会立即改变它,所以大小仍然是旧的,滚动条出现。只有当你关闭窗口并再次调用它时,新大小才会影响窗口。

这段代码将新内容放入任意窗口

$('.nyroModalDom').html(responseimage);

这里我们有两种改变大小的方法。两者都只在关闭-重新打开窗口后工作,而不是立即工作。

1

$.nyroModalSettings({
width: 800,
height: 800
});
2

$.nmObj({
width: 800,
height: 800
});

那么我如何在不重新打开的情况下改变窗口的大小呢?

更新

已经找到了新的功能,但它也无法调整窗口的大小。滚动条消失,如果窗口想要调整大小,但它保持不变,滚动条再次出现。

$('.nyroModalDom').resize();

您可以尝试使用以下指令:

$.nmTop().resize(true);

,根据我的经验,这是执行调整大小的正确方法。

更新

你可以使用afterResize的回调来调整高度,添加如下代码:

$('.image_upload').nm({
    callbacks: {
        afterResize: function(nm) {                
           // to adjust according to your needs                
           $('nyroModalCont').css('height', $('.nyroModalDom img').height());
        }
    }
});