Plupload和jQuery在IE中不起作用

Plupload和jQuery在IE中不起作用,jquery,plupload,Jquery,Plupload,Plupload在除IE之外的所有浏览器中都能正常工作。在IE中按下照片上载链接时,文件浏览器不会打开。uploader的实例确实正确创建-使用开发工具进行检查 非常感谢您提供的任何解决方案 这是我们用来创建上传程序的脚本: 链接位于下拉列表中这一事实的一个问题-在开始时隐藏。链接必须可见。链接位于下拉列表中这一事实存在问题-开始时隐藏。链接必须可见。我建议不要将上载控件放在隐藏的容器中 <div class="container" style="display:none">

Plupload在除IE之外的所有浏览器中都能正常工作。在IE中按下照片上载链接时,文件浏览器不会打开。uploader的实例确实正确创建-使用开发工具进行检查

非常感谢您提供的任何解决方案

这是我们用来创建上传程序的脚本:


链接位于下拉列表中这一事实的一个问题-在开始时隐藏。链接必须可见。

链接位于下拉列表中这一事实存在问题-开始时隐藏。链接必须可见。

我建议不要将上载控件放在隐藏的容器中

<div class="container" style="display:none">
    <a id="pickfiles" href="#">[Select files]</a>
    <a id="uploadfiles" href="#">[Upload files]</a>
</div>
在上面的示例中,container div有一个样式元素,表示display:none属性。这就是它在IE中不起作用的原因


只需将其更改为display:block或remove样式元素,它就会工作。

我建议避免将上载控件放在隐藏的容器中

<div class="container" style="display:none">
    <a id="pickfiles" href="#">[Select files]</a>
    <a id="uploadfiles" href="#">[Upload files]</a>
</div>
在上面的示例中,container div有一个样式元素,表示display:none属性。这就是它在IE中不起作用的原因


只要将其更改为display:block或remove样式元素,它就会工作。

在IE 8中加载页面时隐藏plupload div时,我也遇到了同样的问题。我没有显示:无,而是选择将div绝对定位在屏幕外,然后在需要时输入新的上/左坐标:

    #plupload {
        display: block;
        position:absolute;
        top:-999px;
        left:-999px;
        background:#fff;
        border:1px solid #c8c8c8;
        padding:10px;
        z-index: 951;
    }

    $('#some-button-to-open-plupload-widget').button().click(function() {
         var css = {"top":"175px", "left":"175px"};
         $("#plupload").css(css);
    });

    $('#some-button-to-close-plupload-widget').button().click(function() {
         var css = {"top":"-999px", "left":"-999px"};
         $("#plupload").css(css);
    });

    <div id="plupload">
       <a href="" class="ui-icon ui-icon-close" id="close"></a>
       <div id="uploader" style="display:block">
           <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
       </div>    
    </div>

在IE 8中,我在页面加载时隐藏plupload div也有同样的问题。我没有显示:无,而是选择将div绝对定位在屏幕外,然后在需要时输入新的上/左坐标:

    #plupload {
        display: block;
        position:absolute;
        top:-999px;
        left:-999px;
        background:#fff;
        border:1px solid #c8c8c8;
        padding:10px;
        z-index: 951;
    }

    $('#some-button-to-open-plupload-widget').button().click(function() {
         var css = {"top":"175px", "left":"175px"};
         $("#plupload").css(css);
    });

    $('#some-button-to-close-plupload-widget').button().click(function() {
         var css = {"top":"-999px", "left":"-999px"};
         $("#plupload").css(css);
    });

    <div id="plupload">
       <a href="" class="ui-icon ui-icon-close" id="close"></a>
       <div id="uploader" style="display:block">
           <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
       </div>    
    </div>

是否发生任何错误?你的代码看起来不错。照片上传html和绑定方法在哪里?没有错误,似乎纯粹是Plupload的browse_按钮的绑定。此代码位于按钮的html声明上方还是下方?此代码是否在页面底部的$document.ready?上执行。代码初始化良好,Flash运行时创建正确。是否出现任何错误?你的代码看起来不错。照片上传html和绑定方法在哪里?没有错误,似乎纯粹是Plupload的browse_按钮的绑定。此代码位于按钮的html声明上方还是下方?此代码是否在页面底部的$document.ready?上执行。如果正确创建Flash运行时,代码将初始化为fine+1。谢谢分享你的解决方案,尼克,它为我解决了同样的问题。我在页面加载时将容器的display属性设置为none,这导致plupload的browse按钮无法工作。很高兴您发现这个@MariusChulz有用!谢谢@NickPrice,您刚刚为我节省了数小时的调试时间+1。谢谢分享你的解决方案,尼克,它为我解决了同样的问题。我在页面加载时将容器的display属性设置为none,这导致plupload的browse按钮无法工作。很高兴您发现这个@MariusChulz有用!谢谢@NickPrice,你为我节省了几个小时的调试时间