文件输入以编程方式单击Framework7

Question

我的html5应用程序中有几个文件输入，应该通过单击某些设计元素打开。为此，我使用以下JQuery代码：

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

此代码在桌面浏览器中运行良好，但在移动浏览器中无声无效。更令人困惑的是，它实际上有时会起作用，当制作大量的水龙头时（20-30）。 另一件事是我使用Framework7。经过一些测试后，我发现如果我评论Framework7初始化，那么之前的代码在移动浏览器中运行良好。所以我的猜测是，F7以某种方式拦截所有页面点击进行一些处理并使用自己内置的DOM7 dom库，出于安全原因，单击实现在文件输入上失败。 我将不胜感激任何帮助。也许熟悉F7的人可以解释这一点。或者也许我正在朝着完全错误的方向挖掘......

Answer 1

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

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

这种方法对我有用。