SimpleModal 在 Firefox 和 chrome 上不显示内容框

Question

我正在使用 SimpleModal JQuery 插件来显示一些内容（带 flash 的 iframe ）。 在 IE 中一切正常，但是当尝试在 Chrome 或 Firefox 中打开模式时， 仅显示褪色的叠加层，即使我可以使用 fiddler 看到 iframe 内容正在加载。

我尝试了SimpleModal containerCSS在firefox或chrome中不起作用

并添加了单位，但仍然没有运气。

问题与此处描述的相同： jQuery simplemodal 无法正常工作在 Windows 版 Safari 中 但对于 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();
                });
            });
        });
    }
});

请帮助:)

Answer 1

对于任何感兴趣的人，我找到了一个解决方案：

position: ["10", null],

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

我错过了；)