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 - 如何配置模態框的寬度和高度

回答

相關問題