Question

我正在尝试使用NyroModal jQuery插件，代码如下：

$('img').click(function(e) {
                    e.preventDefault();
                    $.nmManual('pages/'+$(this).attr('id')+'.html', {
                        sizes: {
                            w: 1450,
                            h: 800,
                            initW: 2,
                            initH: 1
                        },
                        resizable: false,
                        closeOnEscape: false
                    });
                });

出于某种原因，resizable和closeOnEscape工作，但是尺寸没有。

Answer 1

试试这个：


$.nmManual('http://jsfiddle.net/', {

    callbacks : {
        initFilters : function (nm) {
            nm.filters.push('link');
            nm.filters.push('iframe');
        },
        size:function(nm){
            nm.sizes.h = 550;
            nm.sizes.w = 550;
        }
    }
});

Answer 2

这很奇怪，因为有resizable选项。

我尝试使用尺寸并且有效：http://jsfiddle.net/LekisS/hBxJn/2/

Answer 3

对于任何绊倒这个问题的人：要设置nyroModal窗口的大小，您必须使用：

        sizes: {
            minW: width,
            minH: height
        }

在内容加载期间，其他大小参数都被覆盖。

对于IFrame链接，IFrame窗口大小只能在nyroModal.css文件中更改：（

你可以用jQuery做到这一点：

$('.nyroModalCont,iframe').css('width', width + 'px');
$('.nyroModalCont,iframe').css('height', height + 'px');

通常你应该为IFrame设置两个尺寸选项（nyroModal window + IFrame）以避免双滚动条......

NyroModal jQuery插件忽略设置

3 个答案: