通过 Cordova 在 android/iOS 上 运行 时,Framework7 单选组按钮不起作用

Framework7 radio group buttons not working when run on android / iOS through Cordova

我正在使用 html5、CSS 和 JS 通过 Cordova 制作移动应用程序。在整个实施过程中,我使用 phonegap 来测试该应用程序。然而,现在我已经完成了它,我已经开始添加移动平台并且单选按钮组不再可点击,在 iOS 或 android 中(这似乎是唯一的问题)。

我之前遇到过库传单无法正常工作的问题,因此不得不重新安装 Cordova-whitelist-plugin。是否需要任何其他插件?

这是我的 html 代码

<div class = "list-block" id="radio">
    <ul class="nav">
        <li>
            <label class = "label-radio item-content no-fastclick">
                <input type = "radio" name = "tf-radio" value = "To">
                <div class = "item-inner">
                    <div class = "item-title">To</div>
                </div>
            </label>
        </li>

        <li>
            <label class = "label-radio item-content no-fastclick">
                <input type = "radio" name = "tf-radio" value = "From">
                <div class = "item-inner">
                    <div class = "item-title">From</div>
                </div>
            </label>
        </li>
    </ul>
</div>

<script type="text/javascript" src="lib/framework7/js/framework7.min.js"></script>

这会通过 phonegap 创建一个完全可用的无线电组,但在 运行 时不会通过 android 或 iOS 模拟器创建。

谢谢

制作复现案例后,我发现这个问题是由于我的元标记之一造成的

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

如果其他人遇到此问题,将保留此内容