在Jquery UI Dialog里面上传:> Chrome和Opera错误

FMa*_*008 10 jquery opera google-chrome jquery-ui uploadify

我有以下代码:

<!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>
Run Code Online (Sandbox Code Playgroud)

我找不到原因,但在Chrome中,我无法打开浏览窗口.就好像是有一些看不见的div漂浮在瑞士法郎上.

在Opera中,错误不太重要:SELECT FILES文本在swf下而不是结束.

如果uploadify在jquery UI对话框之外,它可以正常工作.

任何人都可以解释为什么会发生这种错

编辑:使用Uploadify 3.

Maa*_*ser 21

我最近遇到了同样的问题,在查了一下代码之后我在第193行注意到了以下内容:

jQuery('#' + swfuploadify.movieName).css({position: 'absolute', 'z-index': 1, 'left' : '0px'});
Run Code Online (Sandbox Code Playgroud)

只需将z-index更改为9999就可以了

jQuery('#' + swfuploadify.movieName).css({position: 'absolute', 'z-index': 9999, 'left' : '0px'});
Run Code Online (Sandbox Code Playgroud)


jso*_*onx 11

如果您不想更改核心代码,只需将以下css规则添加到您的页面即可.

.swfupload {
    z-index: 100000 !important;
}
Run Code Online (Sandbox Code Playgroud)