JQuery returning Uncaught Error: cordova already defined

Question

我正在开发一个 cordova 应用程序 - 我正在使用 Cordova 6.2.0。

单击按钮时出现未捕获错误：Cordova 已定义。单击它时，通过使用 Javascript 删除 display:none 样式，一些以前隐藏的按公共 class 名称分组的组件将变得可见。

错误源自 JQuery。我尝试了不同版本的 jQuery，包括最新版本。奇怪的是 JQuery 代码没有在触发的脚本中使用。页面未重新加载。

在 html 我调用这些脚本：

<script src="cordova.js"></script>
<script src="scripts/platformOverrides.js"></script>

<script src="scripts/jquery-1.11.1.min.js"></script>
<script src="js/jquery.mobile-1.4.5.js"></script>

同样在 html 我有这两个按钮：

<button onclick="ForgotPassword()" style="background-color: #f79629; border-style:none; width: 200px; height: 40px; color: white; border-radius:5px;">Send Reset Code</button>
<button class="hideTD" id="CPbtn"      onclick="ChangePassword()" style="display:none; background-color: #f79629; border-style:none; width: 200px; height: 40px; color: white; border-radius:5px;">Change Password</button>

如您所见，第二个按钮已隐藏。单击第一个按钮时，这将与其他组件一起再次可见。

这是 JS 函数的开始 - ForgotPassword():

var username = document.getElementById("Username").value;

if (username != '') {
    $.ajax({
        type: 'GET',
        url: ResetPasswordUrl,
        data: { username: username },
        success: function (data) {

            if (data == '') {

                var nodes = document.getElementsByClassName("hideTD");

                for (var i = nodes.length, n = 0; n < i; n++) {
                    nodes[n].style.display = '';
                    }

                alert("A code has been sent to your email address");

单击“发送重置代码”后，将执行上述代码。 for 循环访问所有 class 为 hideTD 的组件并删除 display:none 样式。据我所知，没有 JQuery 应该冲突；此外，cordova is already defined 错误对我来说没有意义。

Answer 1

解决我问题的方法是添加：

$("#form_id").submit(function () {
    return false;
});

在 OnDeviceReady() 方法中。这是因为我有 2 个相同形式的按钮。我仍然无法解释错误 'Cordova is already defined'.

JQuery returning Uncaught Error: cordova already defined

JQuery returning Uncaught Error: cordova already defined

jquery

cordova

visual-studio-cordova