2011-03-23 102 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; 
     } 
    } 
});