我有几个文件输入在我的html5应用程序中,应该打开点击一些设计元素。为此,我使用以下JQuery代码:

$('.btn').on('click', function() { $('#file-input').click(); });

这段代码在桌面浏览器中运行得很好,但在移动浏览器中会自动失败。更让人困惑的是,它实际上有时工作,当做大量的水龙头(20-30)。
另一件事是我正在使用框架7。经过一些测试,我发现如果我评论Framework7初始化,那么前面的代码在移动浏览器中可以正常工作。所以我的猜测是,F7以某种方式截取所有的页面点击来进行一些处理,并使用它自己内置的DOM7 dom库,出于安全原因,dom7dom库的点击实现在文件输入时失败。
我将感激你的帮助。也许熟悉F7的人可以解释这一点。或者我在完全错误的方向上挖掘。。

最佳答案

我在这里找不到问题的根源,但前一段时间我找到了解决办法。我拒绝使用程序点击,而是将设计元素作为标签,比如

<label for="hiddenInputId" class="myDesign"></label>

这种方法对我有效。

关于javascript - 在Framework7中以编程方式单击文件输入,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33864582/

10-12 04:46