Question

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

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

Answer 1

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

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

Answer 2

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

移动Safari文件上传弹出位置

2 个答案: