javascript - 改变 nyromodal 窗口的大小

标签 javascript jquery modal-dialog nyromodal

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

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

然后在按下脚本后,在更改 nyromodal 窗口的内容后,我试图更改窗口的大小,但它不会立即更改它,因此大小保持旧状态,出现滚动条。只有当您关闭窗口并再次调用它时,新的大小才会影响窗口。

此代码将新内容放入 nyromdal 窗口

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

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

1

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

2

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

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

更新

刚刚发现了新功能,但是调整窗口大小也失败了。滚动条消失,就好像窗口要调整大小一样,但它保持不变,滚动条再次出现。

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

最佳答案

你可以尝试使用这条指令:

$.nmTop().resize(true);

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

更新

您可以使用调整后的回调调整高度,添加如下代码:

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

关于javascript - 改变 nyromodal 窗口的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8135971/

相关文章:

javascript - 与 jQuery 混淆,第 1 行 $未定义

javascript - 选中复选框时更改父背景

javascript - 在javascript中查找html控件的类型

angular - 自动刷新 Angular Material 模态中的iframe src

javascript - 动画 float 元素

javascript - 使用当前 HTTP 协议(protocol)包含外部 js 的最佳方法

javascript - 在 Javascript/Jquery 中,是否可以使用回调参数间接调用对象方法?

c# - jquery模态对话框打开带有多个图像的图像onclick

jquery - 如何使用主页制作模态滚动

javascript - Flask-assets - 如何防止特定应用程序的静态 js 文件被另一个应用程序使用