nyroModal - 如何配置模态框的宽度和高度

我想控制模态窗口的宽度和高度，但我不知道如何覆盖默认设置。nyroModal - 如何配置模态框的宽度和高度

我一直在看nmObject（http://nyromodal.nyrodev.com/），但我的JavaScript知识不是很好，我不知道什么是正确的方式来实现这一点。

这里是我的尝试，但有语法错误：

$.nmObj(sizes: { initW: 300, initH: 300 });

我在做什么错？：\

编辑：ATLEAST

$(function() { 
    $('.nyroModal').nyroModal(); 
    $.nmObj({sizes: { initW: 300, initH: 300 }}); 
});

没有语法错误，但我不使用IM功能正常

来源

2011-03-10 horgen

尝试认为：

$.nmObj({sizes: { initW: 300, initH: 300 }});

希望它能帮助。

来源

2011-03-10 10:15:24 alexl

谢谢，没有语法错误:) – horgen 2011-03-10 10:28:34

这样做的另一种方法。

<script type="text/javascript"> 
    $(document).ready(function() { 
    $.nyroModalSettings({ 
     type: 'iframe', 
     height: 500, 
     width: 700, 
     resizable: true, 
     autoSizable: true, 
     titleFromIframe: true, 
     // modal: true, 
     // selIndicator: '#loading', 
     contentLoading: "" // use our own 
    }); 

    $('a.nyroModalPhotos').nyroModal(); 
    }); 
</script>

来源

2011-03-11 10:01:51

这是为nyroModal v1。感谢cyberhobo指点。 – 2012-06-27 10:26:08

是的，请注意这会给你在v2语法错误，因为没有$ .nyroModalSettings – PandaWood 2016-05-17 07:34:55

看起来你使用的是nyroModal v2。对于一个iframe，你需要设置的初始大小在CSS：

.nyroModalCont iframe { 
    width: 300px; 
    height: 300px; 
}

有这个，这是封闭的github issue，所以我认为这将如何在这个版本。

Ivailo的回答适用于nyroModal v1，我相信。。

来源

2011-05-22 21:44:56 cyberhobo

这是正确的，如果它获取呈现为iframe，但不显示方法呈现它作为iframe。 – bkaid 2011-08-15 20:28:35

此过滤器

* I帧过滤

*之前：filters.formFile

在min.js找到该文件是一个字符串的一部分 load: function (nm) { nm.store.iframe = $('<iframe />').attr({ src: 'javascript:\'\';', id: 'nyromodal-iframe-' + (new Date().getTime()), frameborder: '0' })

，并添加

.css({ height: nm.sizes.h })

结果应该是

load: function (nm) { nm.store.iframe = $('<iframe />').attr({ src: 'javascript:\'\';', id: 'nyromodal-iframe-' + (new Date().getTime()), frameborder: '0' }).css({ height: nm.sizes.h })

来源

2014-03-07 15:23:09 irinal

nyroModal - 如何配置模态框的宽度和高度

回答

相关问题