PhoneGap / Cordova "click" 在浏览器中工作，但不在 Developer App 上工作？

Question

我已经成功地创建了一个 login/signup 屏幕，当由 PhoneGap 提供服务并在浏览器中查看时，它可以完美地工作。

然而，当使用 PhoneGap 应用程序在 iPhone 上进行测试时，"click" 功能不再有效。

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()});

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

这些方法/处理程序在浏览器和 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" class.

PhoneGap / Cordova "click" 在浏览器中工作，但不在 Developer App 上工作？

PhoneGap / Cordova "click" working in browser, but not working on Developer App?

javascript

jquery

ios

cordova

phonegap