1

Ich habe ein neues Projekt mit der PhoneGap-Startervorlage in Visual Studio eingerichtet. Die Vorlage funktioniert wie erwartet, aber wenn ich versuche, jquery mobile zur Seite hinzuzufügen und eine Funktion von ihr aufzurufen, wird gemeldet, dass jQuery nicht definiert ist.PhoneGap & Visual Studio kopiert keine Skriptdatei

hier ist meine Vorlage javascript:

<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> 
    <script type="text/javascript" src="jquery.mobile.min.js"></script> 
    <script type="text/javascript"> 

    document.addEventListener("deviceready",onDeviceReady,false); 

    // once the device ready event fires, you can safely do your thing! -jm 
    function onDeviceReady() 
    { 
     document.getElementById("welcomeMsg").innerHTML += "Cordova is ready! version=" + window.device.cordova; 
     console.log("onDeviceReady. You should see this message in Visual Studio's output window."); 
     jQuery("#welcomeMsg").html("blah"); 
    } 

    </script> 

Mein CordovaSourceDictionary.xml sieht aus wie es auch in Ordnung ist:

<?xml version="1.0" encoding="utf-8"?> 
<!-- This file is auto-generated, do not edit! -jm --> 
<CordovaSourceDictionary> 
    <FilePath Value="www\cordova-1.5.0.js"/> 
    <FilePath Value="www\index.html"/> 
    <FilePath Value="www\jquery.mobile.min.js"/> 
    <FilePath Value="www\master.css"/> 
</CordovaSourceDictionary> 

aber ich diese Fehler erhalten beim Versuch die WP7 App zu debuggen:

Antwort

1

In den Code, den Sie gepostet haben, schließen Sie nicht den jQuery-Kern ein ... jQuery Mobile ist gebaut on-top-of jQuery Core, also muss der Kern enthalten sein, bevor jQuery Mobile oder jQuery Mobile nicht funktionieren.

Hinweis auf die Download-Seite jQuery Mobile die Reihenfolge enthält (mobile.css, dann Kern JS, dann mobil JS):

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> 

Quelle: http://jquerymobile.com/download/

+0

Thank you! Durch diese kleine Tatsache richtig durchgebrannt. –

Verwandte Themen