使用 nyroModal v2 设置大小时遇到问题答案

【问题标题】：Having trouble setting size with nyroModal v2使用 nyroModal v2 设置大小时遇到问题
【发布时间】：2011-08-24 20:38:15
【问题描述】：

我现在才开始使用 nyroModal。在试图弄清楚为什么 nyroModalSettings 消失（似乎是 v2 之前的......或者我收集到）之后，我离使选项工作更近了一点。

例如，这对我来说很好用：

<script type="text/javascript">
    $(function() {
        $('.nyroModal').nm({showCloseButton: false});
        });
</script>

正如预期的那样，我的弹出窗口将没有关闭按钮。

按照该语法，我认为这应该可以显示一个比默认值更小的框：

<script type="text/javascript">
    $(function() {
        $('.nyroModal').nm({sizes: {w: 100, h: 100}});
        });
</script>

不行。没有语法错误等......只是对盒子大小没有任何影响。

我也尝试使用 initW 和 initH 选项。

知道我错过了什么吗？

谢谢！ - 亚伦

【问题讨论】：

标签： nyromodal

【解决方案1】：

我解决了这个问题，打开了一个 iframe。在显示 iframe 之前，我必须使用此选项设置尺寸并修复它们。无论如何，这对我来说很好：

var width = 800;
var height = 600;
$('.nyroModal').nyroModal({
  sizes: {
    initW: width, initH: height,
    minW: width, minH: height,
    w: width, h: height
  },
  callbacks: {
    beforeShowCont: function() { 
        width = $('.nyroModalCont').width();
        height = $('.nyroModalCont').height();
        $('.nyroModalCont iframe').css('width', width);
        $('.nyroModalCont iframe').css('height', height);
    }
  }
});

希望对你有帮助。

【讨论】：