手机Safari文件上传弹窗位置答案

【问题标题】：Mobile Safari file upload popup position手机Safari文件上传弹窗位置
【发布时间】：2014-04-24 05:17:35
【问题描述】：

我的 iPad 上的 Mobile Safari 出现问题。我有一个不可见的文件输入。当我单击此按钮时，您可以选择拍摄新照片或选择 iPad 上已存在的图片的弹出窗口不会在文件输入下方弹出，而是在屏幕上随机弹出。

有谁知道为什么会发生这种情况，或者是否可以更改此弹出窗口的位置？

【问题讨论】：

【解决方案1】：

确认问题，jQueryMobile 1.4、iOS 7、iPad4。

$('#notePic').on('vclick', function() {
  $('#takePictureField').trigger('click');
});

看起来弹出窗口出现在上次触发任何事件的项目上。

为了解决这个问题，可以在按钮上方放置透明输入：

<a data-role="button"></a>
<input type="file" data-role="none" style="position: absolute !important; left: 0px; top: 0px; clip: rect(0px,40px,40px,0px); opacity: 0.0; padding: 10px 0px" name="notePic" />

【讨论】：

【解决方案2】：

此问题可能是由人为触发对输入元素的点击（当用户点击另一个按钮时）引起的。

如果你这样做，那么这很可能是原因。

【讨论】：

但是触发点击输入元素的替代方法是什么？