PhoneGap & Visual Studio не копирует файл скрипта - PullRequest
Новая
       21

PhoneGap & Visual Studio не копирует файл скрипта

1 голос
/ 29 марта 2012

Я создал новый проект, используя стартовый шаблон PhoneGap в Visual Studio. Шаблон работает, как и ожидалось, но если я попытаюсь добавить jquery mobile на страницу и вызвать из него функцию, он сообщит, что jQuery не определен.

вот мой шаблон 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>

Мой CordovaSourceDictionary.xml тоже выглядит нормально: 

<?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>

но при попытке отладки приложения WP7 я получаю следующие ошибки: 

ScriptNotify :: Error:"'jQuery' is undefined"
Log:"Error in success callback: Connection1 = 'jQuery' is undefined"

1 Ответ

1 голос
/ 30 марта 2012

В коде, который вы разместили, вы не включаете ядро ​​jQuery ... jQuery Mobile построен поверх jQuery Core, поэтому ядро ​​должно быть включено до того, как jQuery Mobile или jQuery Mobile не будут работать.

Уведомление на странице загрузки jQuery Mobile включает в себя порядок (mobile.css, затем core JS, затем mobile 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>

Источник: http://jquerymobile.com/download/

...