2011-07-20 1 views
0

Я использую плагин SimpleModal JQuery для отображения некоторого контента (iframe со вспышкой). Все работает нормально в IE, но при попытке открыть модальный в Chrome или Firefox появляется только выцветшее наложение, даже из-за того, что я вижу скрипач, который загружает содержимое iframe.SimpleModal не показывает окно содержимого на firefox и chrome

я попробовал решение на SimpleModal containerCSS not working in firefox or chrome

и добавленных единиц, но до сих пор не повезло.

Проблема такая же, как описано здесь: jQuery simplemodal not working well in Safari for Windows , но для хрома и firefox, havent проверял его на сафари.

с помощью "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],

я пропустил это;)