【发布时间】:2014-11-12 21:24:59
【问题描述】:
Plupload“选择文件”按钮在 Bootstrap modal 中时不起作用。
问题
这个问题似乎只存在于 Apple 设备上,例如 iPad 和 iPhone。我在运行 Android 4.2.2 的三星 Galaxy S4 Mini 和运行 Android 4.4.2 的 Nexus 7 平板电脑上进行了测试,这两种设备都可以工作。
演示
这里有一个演示来说明问题(请注意,您需要在 iPad 或 iPhone 上查看才能看到问题):
备注
有趣的是,如果我将以下标记移到 .modal 元素之外,以便在初始页面加载时可以看到“选择文件”按钮,那么问题就会消失。
<div id="container">
<a id="pickfiles" href="javascript:;">[Select files]</a>
<a id="uploadfiles" href="javascript:;">[Upload files]</a>
</div>
我的问题
如何让“选择文件”按钮在 iPhone 和 iPad 的模式中工作?
【问题讨论】:
-
我相信这个按钮在 iphone 上没有任何意义,因为你无法访问本地文件,所以没有什么可以上传
-
实际上在iPhone上可以访问本地文件系统。
-
Right ;) 在 plupload 上测试了这个例子。你能调试这个吗?也许在 ios 模拟器中?
-
可能是因为模态元素最初是隐藏的……?当模态内容可见时尝试初始化 Plupload(我确信引导程序有一个回调函数或其他东西)。
-
@CBroe Bootstrap 确实有这个
$('#myModal').on('shown.bs.modal', function (e) { }),我已经尝试过,但我认为我没有正确使用它。你能告诉我怎么做吗?
标签: javascript jquery twitter-bootstrap plupload