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”類。