2011-07-20 58 views
0

我使用SimpleModal JQuery插件来显示一些内容(带有Flash的iframe)。 在IE中一切正常,但是当试图在Chrome或Firefox中打开模式时, 只有淡出的叠加层出现,即使因为我可以看到fiddler已经加载了iframe内容。SimpleModal没有在Firefox和Chrome上显示内容框

我试着SimpleModal containerCSS not working in firefox or chrome

,并加入单位的解决方案,但仍然没有运气。

问题与此处所述相同:jQuery simplemodal not working well in Safari for Windows 但对于Chrome和Firefox,未在Safari上对其进行测试。

使用 “jQuery的1.6.2.min”, “jquery.simplemodal-1.4.1” 这里是我的代码:

// Apply click behaviour to game click 
$('div.rGame').click(function (e) { 
    e.preventDefault(); 
    $('<div></div>').load('/ajax/' + $(this).attr('data-g') + '/').modal(// AJAX 
    { 
    minHeight: "820px", 
    minWidth: "800px", 
    overlayClose: false, 
    position: ["10", null], 
    onOpen: function (dialog) { 
     dialog.overlay.fadeIn('slow', function() { 
      dialog.data.hide(); 
      dialog.container.fadeIn('slow', function() { 
       dialog.data.slideDown('slow', function() { 
        MakeGamePage(); 
       }); 
      }); 
     }); 
    }, 
    onClose: function (dialog) { 
     dialog.data.fadeOut('slow', function() { 
      dialog.container.hide('slow', function() { 
       dialog.overlay.slideUp('slow', function() { 
        $.modal.close(); 
       }); 
      }); 
     }); 
    } 
}); 

请帮助:)

回答

0

感兴趣的人,我找到了解决办法:

position: ["10", null],

应该position: ["10px", null],

我错过了;)