2011-03-23 98 views
0

我试图使用NyroModal jQuery插件用下面的代码:
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 
        }); 
       }); 

出于某种原因,可调整大小和closeOnEscape工作,但 大小不。

回答

0

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

我尝试使用的尺寸和它的作品:http://jsfiddle.net/LekisS/hBxJn/2/

+0

这只是奇怪的,也许我有错误版本的Nyromodal? – Asaf 2011-03-24 07:13:43

+0

也许是的......我不知道我用过最后一次来自Github – 2011-03-24 10:55:42

+0

也试过使用它......最终我改变了CSS而没有搞乱大小...应该不是一个解决方案,但它的工作原理:我奇怪的是我 – Asaf 2011-03-24 15:52:02

0

对于任何磕磕绊绊就这个问题: 要设置nyroModal窗口的大小,你必须使用:

 sizes: { 
      minW: width, 
      minH: height 
     } 

其他尺寸参数在内容加载期间全部被覆盖。

在iFrame链接的IFrame窗口的大小只能在nyroModal.css文件:(

你可以改变的是用jQuery:

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

通常你应该设置两个大小选项( nyroModal一个iframe来避免双重滚动窗口+的IFrame)...

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