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

【问题标题】：nyroModal - how to configure the width and height of the modal boxnyroModal - 如何配置模态框的宽度和高度
【发布时间】：2011-03-10 09:24:41
【问题描述】：

我正在尝试控制模态窗口的宽度和高度，但我不知道如何覆盖默认设置。

我一直在研究 nmObject (http://nyromodal.nyrodev.com/)，但我的 javascript 知识不是很好，我不知道实现它的正确方法是什么。

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

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

我做错了什么？ :\

编辑：

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

至少没有语法错误，但我认为我没有正确使用该函数

【问题讨论】：

标签： javascript jquery modal-dialog nyromodal

【解决方案1】：

尝试：

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

希望对你有帮助。

【讨论】：

【解决方案2】：

看起来您正在使用 nyroModal v2。对于 iframe，您需要在 CSS 中设置初始大小：

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

这里有一个github issue，它已关闭，所以我认为这就是它在这个版本中的工作方式。

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

【讨论】：

如果它被渲染为 iframe，这是正确的，但不是显示方法将其渲染为 iframe。

【解决方案3】：

另一种方法。

<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>

【讨论】：

是的，注意这会在 v2 中出现语法错误，因为没有 $.nyroModalSettings

【解决方案4】：

对于这个过滤器

.* iframe 过滤器

.* 之前：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 })

【讨论】：