Загрузить в диалоговом окне JQuery UI => Ошибки Chrome и Opera

I есть следующий код:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" media="screen" href="jquery-ui-1.8.9.custom.css" />
        <script type="text/javascript" src="jquery-1.5.min.js"></script>
        <script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script>
        <script type="text/javascript" src="jquery.uploadify.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            manualLightboxContent = function ()
            {
                $("#dialogContent").html($('#module_wrapper').html());
                $("#dialogContent").dialog( { 'modal': true } );
            }
        </script>
        <a href="#" onclick="manualLightboxContent();">Open</a>
        <div id="dialogContent" style="display:none;"></div>

        <div id="module_wrapper" style="display:none;">
            <script type="text/javascript">
            $().ready(function() {
                $('#uploadFile').uploadify({
                    'swf'  : 'uploadify.swf',
                    'fileObjName' : "uploadFile"
                });
            });
            </script>
            <input id="uploadFile" type="file" name="uploadFile" />
        </div>
    </body>

</html>

Я не могу понять, почему, но в Chrome я не могу открывать окна просмотра. Точно так же, как если бы был какой-то невидимый div, плавающий над swf.

В Opera ошибка менее важна: текст SELECT FILES находится под swf, а не поверх.

Если выгрузка находится за пределами диалогового окна jquery UI, он работает нормально.

Кто-нибудь может объяснить мне, почему возникает эта ошибка?

Изменить: Использование Uploadify 3.

10
задан FMaz008 6 May 2011 в 19:14
поделиться