我的 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" />