Phonegap-Aufruf nicht Gerät betriebsbereit-Funktion

Ich bin nicht in der Lage, um das Gerät betriebsbereit Funktion der Arbeit innerhalb der phonegap-also xcode simulator. Der html-Code wie folgt: `

    <title>Boilerplate</title>
</head>
<body>

    <div id="main" data-role="page">
        <div data-role="header" class="logo">
            <img class="logo" src="img/premium-logo.jpg" />
        </div>

        <div data-role="content">

            <h1>Apache Cordova Test Zone</h1>
            <div class="test-zone" id="test-zone">

            </div>

        </div>

        <div data-role="footer">

            <h4>Footer of main page</h4>

        </div>

    </div>



    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="js/jQuery-Mobile-1.3.1-min.js"></script>
    <script type="text/javascript" src="cordova-2.3.0.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        $(document).ready(init());
    </script>
</body>

den Javascript-Datei index.js:

 function init() {
   document.addEventListener("deviceready", onDeviceReady, false);
 }

 function onDeviceReady() {
   alert('It works!');
 }

Wenn ich kommentieren Sie die Zeile innerhalb der init-Funktion und ersetzen Sie es einfach mit onDeviceReady(); bekomme ich eine Warnung, um die Arbeit an chrome.

Warum funktioniert im simulator mit dem code oben.
Danke

Ich würde versuchen zu registrieren document.addEventListener("deviceready", onDeviceReady, false); außerhalb $(document).ready(). Außerdem $(document).ready() nimmt function als argument, zB. $(document).ready(init);
Ich habe versucht, den Aufruf document.addEventListener("deviceready", onDeviceReady, false); und ich habe die init-Funktion aufgerufen wird, die auf dem Gerät bereit. Kann immer noch nicht sehen, wo dieser nicht funktioniert
Na dann, was in den Protokollen? Ich habe keine chance in der Arbeit mit PhoneGap für iOS, aber mit Adnroid es hat nicht gefeuert paar mal wegen kaputter JS und ich konnte sehen, dass es im debug-logs

InformationsquelleAutor psycho | 2013-07-23

  1. 6

    onDeviceReady Veranstaltung funktioniert nur, wenn die Prüfung Ihrer phonegap-Anwendung von device emulator, nicht in chrome.

    Hier ist der beste Weg den ich gefunden habe, haben die beiden frameworks (phonegap und jQuery Mobile) zusammen zu arbeiten.

    In meinem index.html

     <script type="text/javascript" src="js/libs/LABjs/LAB.min.js"></script>
 <script type="text/javascript" src="js/libs/jQuery/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="js/index.js"></script>
 <script type="text/javascript" src="js/libs/jQuery/jquery.mobile-1.3.1.js"></script>

    Bitte beachten Sie, dass ich die Verwendung der LABjs Bibliothek zum laden von JS-Skripten (cordova.js wird werden nur geladen, wenn wir erkennen, dass wir sind in einem Gerät), können Sie es in google für LABjs Bibliothek.

    In meine "js/index.js"

     var deviceReadyDeferred = $.Deferred();
 var jqmReadyDeferred = $.Deferred();
 var resourcesReady = false;


 var app = {
    //Application Constructor
    initialize: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);

        //load scripts
        if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) {
            $LAB.script("cordova.js").wait(
                function(){
                    document.addEventListener('deviceready', this.onDeviceReady, false);
                    console.log('We are on Device');
                }
            );
        }else
        {
            console.log('We are on Browser');
            var _this = this;
            setTimeout(function(){
                _this.onDeviceReady(); 
            }, 1);
        }

        console.log('app.initialize() Called');
        $.when(deviceReadyDeferred, jqmReadyDeferred).then(this.doWhenBothFrameworksReady);
    },

    //deviceready Event Handler
    onDeviceReady: function() {
        console.log("onDeviceReady");
        deviceReadyDeferred.resolve();
    },

    doWhenBothFrameworksReady: function()
    {
        console.log("doWhenBothFrameworksReady");
        resourcesReady = true;
    }
};

$(document).one("mobileinit", function () {
    $.support.cors = true;
    $.mobile.allowCrossDomainPages = true;
    $.mobile.phonegapNavigationEnabled = true;
    console.log('MobileInit');
    jqmReadyDeferred.resolve();
 });



function PageShowFunction(e)
{
    //we are sure that both frameworks are ready here
}

function CallPageEvent(funcToCall,e)
{
    if(resourcesReady)
    {
        return funcToCall(e);
    }else
    {
        setTimeout(function() {
            CallPageEvent(funcToCall,e);
        }, 200);
    }
}


$(document).ready(function () {
    console.log("document ready");
    //ALL the jQuery Mobile page events on pages must be attached here otherwise it will be too late 
    //example:
    //I use the CallPageEvent beacause this event could be called before the device ready
    /* 
     $("#page").on("pageshow", function(e) {
                CallPageEvent(PageShowFunction,e);
            }
     */



});

app.initialize();
    Ja, ich weiß, ich wollte nur sagen ich benutzte chrome, um zu überprüfen, dass die Funktion aufgerufen wurde, die es ist.Aber es funktioniert immer noch nicht auf IOS simulator. es lädt die app aber nicht zeigen, wird die Warnmeldung habe ich in der onDeviceReady Funktion
    Das problem ist dann, dass die onDeviceReady Funktion wurde bereits gefeuert, wenn Sie die Veranstaltung in den "bereit" - Ereignis des Dokuments. Phoneap und jquery mobil sind, haben dieses Problem, wenn Sie arbeiten zusammen, ich werde nach einem kompletten Weg von der Arbeit mit beiden frameworks.
    Vielen Dank für Ihre Zeit und Mühe
    Sie sind willkommen, wenn Sie doit in dieser Weise Ihre html funktioniert in beiden browser (PC) und Endgeräten.

    InformationsquelleAutor ElLocoCocoLoco

  2. 3

    Hinzufügen 

    <script type="text/javascript" src="cordova.js"></script>

    in Ihrem index.html die Datei, bei mir funktioniert 😉

    InformationsquelleAutor Muhammed Irfan

  3. 0

    verwenden Sie einfach

    <script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
     init(); 
</script>

    STATT

     <script type="text/javascript" src="js/index.js"></script>
 <script type="text/javascript">
    $(document).ready(function(){ init(); });
 </script>`
    Vielen Dank, aber ich habe versucht, aber keine Freude

    InformationsquelleAutor Arjun T Raj

Schreibe einen Kommentar