SimpleModal沒有在Firefox和Chrome上顯示內容框

我使用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(); 
       }); 
      }); 
     }); 
    } 
});

請幫助:)

來源

2011-07-20 Dementic

感興趣的人，我找到了解決辦法：

position: ["10", null],

應該position: ["10px", null],

我錯過了;）

來源

2011-07-20 12:06:30 Dementic

SimpleModal沒有在Firefox和Chrome上顯示內容框

回答

相關問題