Html 移动Safari文件上传弹出位置

Html 移动Safari文件上传弹出位置,html,ipad,mobile,input,safari,Html,Ipad,Mobile,Input,Safari,我的iPad上的Mobile Safari有问题。我有一个不可见的文件输入。当我点击这个按钮时,你可以选择拍摄新照片或选择iPad上已有照片的弹出窗口不会在文件输入下方弹出,而是随机出现在屏幕上的某个位置 有人知道为什么会发生这种情况,或者是否可以更改此弹出窗口的位置吗?此问题可能是由人为触发对输入元素的单击(当用户单击另一个按钮时)引起的 如果您正在这样做,那么这很可能就是原因。确认问题,jQueryMobile 1.4、iOS 7、iPad4 $('#notePic').on('vclick

我的iPad上的Mobile Safari有问题。我有一个不可见的文件输入。当我点击这个按钮时,你可以选择拍摄新照片或选择iPad上已有照片的弹出窗口不会在文件输入下方弹出,而是随机出现在屏幕上的某个位置


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

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


如果您正在这样做,那么这很可能就是原因。

确认问题,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" />

但是除了触发点击输入元素,还有什么替代方法?