PhoneGap / Cordova 在浏览器中“点击”工作，但在开发者应用程序中不起作用？

Question

我设法创建了一个登录/注册屏幕，当由 PhoneGap 提供服务并在浏览器中查看时，它可以完美运行。

但是，在使用 PhoneGap 应用程序在 iPhone 上进行测试时，“单击”功能不再起作用。

var myApp = new Framework7();
var $$ = Dom7;

// Handle Cordova Device Ready Event
$$(document).on('deviceready', function() {

    //wait for signup page to be fully loaded
    myApp.onPageInit('signup', function (page) {

        //event listener for signup button
        var signupButton = document.getElementById("signup");

        if(signupButton) {
            signupButton.addEventListener("click", signup, false);
        }

        //on click of signup button
        function signup() {

           login code here
        }
    });
});

我正在使用这个“addEventListener”方法而不是：

$("#signup").on("touchend", function (){signup()});
$("#signup").on("click", function (){signup()});

在他们也没有在移动设备上工作之后，并且在试图找到解决方案时遇到了这个问题：

cordova/phonegap onclick 不起作用

这些方法/处理程序在浏览器和 PhoneGap 应用程序中的行为是否不同？

Answer 1

我在 iOS 上遇到了同样的问题，不得不添加 e.preventDefault() 来解决这个问题。

$('#signup').on('click', function (e) {
    e.preventDefault();
    signup();
});

Answer 2

尝试将元素#signup设置为具有cursor:pointer的 css 规则，然后尝试$('#signup').on('click', function(){});

Answer 3

对我来说，问题是将按钮事件定义为“window.onload”或“document.addEventListener('deviceready'”的结果，我尝试了这两种方法，当我将处理程序定义放在我的 html 文件中时，它起作用了，所以看起来像个虫子。

所以这现在有效，

$("#clr").on("click", function () {
   $("#mylabel").html("");
});

我在创建项目时使用了 hello 应用程序，它使用“app”类。