Question

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

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

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

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

我做错了什么？：\

编辑：

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

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

Answer 1

尝试：

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

希望它有所帮助。

Answer 2

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

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

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

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

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

Answer 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 })

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

4 个答案: