Plupload:选择文件按钮在Bootstrap模式中不起作用

时间:2014-11-12 21:25:00

标签: javascript jquery twitter-bootstrap plupload

Plupload'选择文件'当按钮在Bootstrap modal内时无效。

问题

问题似乎只存在于Apple设备上,例如iPad和iPhone。我已经在运行Android 4.2.2的三星Galaxy S4 Mini和运行Android 4.4.2的Nexus 7平板电脑上进行了测试,这两款设备均可正常运行。

演示

这是一个演示来说明问题(请注意,您需要在iPad或iPhone上查看以查看问题):

JSFIDDLE

备注

有趣的是,如果我在.modal元素之外移动以下标记,以便选择文件'按钮在初始页面加载时可见,然后问题就消失了。

<div id="container">
    <a id="pickfiles" href="javascript:;">[Select files]</a>
    <a id="uploadfiles" href="javascript:;">[Upload files]</a>
</div>

我的问题

如何获得&#39;选择文件&#39;在iPhone和iPad的模态中工作的按钮?

1 个答案:

答案 0 :(得分:8)

PLupload在最初隐藏的元素内部渲染时出现问题。在显示对话框后,您应该'刷新'plupload。 在uploader.init()

之后添加此代码
$('#myModal').on('shown.bs.modal', function () {
    uploader.refresh();
})
相关问题