Question

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

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

请帮助：）

Answer 1

对任何有兴趣的人，我找到了解决方案：

position: ["10", null],

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

我错过了;）

SimpleModal没有在firefox和chrome上显示内容框

1 个答案: