Fatal编程技术网
  • eclipse/
  • Eclipse 如何将dojo加载到html文件中以调用dojox.mobile函数？

Eclipse 如何将dojo加载到html文件中以调用dojox.mobile函数？

eclipse dojo

Eclipse 如何将dojo加载到html文件中以调用dojox.mobile函数？,eclipse,dojo,Eclipse,Dojo,好吧，我是dojo的新手，我正在尝试制作一个非常简单的示例移动应用程序。我正在使用eclipse来运行代码，该代码使用android模拟器来安装/运行应用程序。我遇到的问题是，我不断收到未捕获的引用错误，因为require未定义或dojo未定义，导致我的应用程序显示为纯文本，而不是像使用dojox.mobile小部件的android应用程序那样格式化 这是我的密码： <!DOCTYPE HTML> <html> <head> <meta name="vi

好吧，我是dojo的新手，我正在尝试制作一个非常简单的示例移动应用程序。我正在使用eclipse来运行代码，该代码使用android模拟器来安装/运行应用程序。我遇到的问题是，我不断收到未捕获的引用错误，因为require未定义或dojo未定义，导致我的应用程序显示为纯文本，而不是像使用dojox.mobile小部件的android应用程序那样格式化

这是我的密码：

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,
minimum-scale=1,user-scalable=no"/>
<title>PhoneGap</title>

<!-- DOJO -->

<script src="/assets/www/lib/dojo/dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad:true">
</script>

<link rel="stylesheet" href="/assets/www/lib/dojo/dojox/mobile/themes/android/android.css" 
type="text/css" media="screen" title="no title" charset="utf-8">


<script type="text/javascript" charset="utf-8" src="/assets/www/cordova-1.6.0.js"></script>

<script>
require(["dojo"], function(dojo) {
    dojo.require("dojox/mobile")
    dojo.require("dojox/mobile/parser")
});
</script>
</head>

<!-- END DOJO -->



<body>
<!-- ACCIDENT TOOLKIT PAGE -->
<div data-dojo-type="dojox.mobile.View" id="accHelp" selected="true">
    <h1 data-dojo-type="dojox.mobile.Heading">Accident</h1>
    <div class="text">If you are in an accident, you should first move to a safe 
    location. Below are some additional actions you can take:</div>
    <ul data-dojo-type="dojox.mobile.RoundRectList">
        <li data-dojo-type="dojox.mobile.ListItem" 
            onclick="window.location='geo:0,0?q=police';">Call the Police</li>
        <li data-dojo-type="dojox.mobile.ListItem"
            onclick="window.location='geo:0,0?q=towing';">Call for a Tow Truck</li>
        <li data-dojo-type="dojox.mobile.ListItem" moveTo="accInfo" transition="slide"
            onClick="itemClicked();">Exchange Driver Info</li>
        <li data-dojo-type="dojox.mobile.ListItem" moveTo="accInfo" transition="slide"
            onClick="itemClicked();">Record Accident Location</li>
        <li data-dojo-type="dojox.mobile.ListItem" moveTo="accInfo" transition="slide"
            onClick="itemClicked();">Take Photos of Accident</li>
    </ul>
</div>
<!-- EXCHANGE DRIVER INFO PAGE -->
<div data-dojo-type="dojox.mobile.View" id="accInfo">
    <h1 data-dojo-type="dojox.mobile.Heading" back="Accident" moveTo="accHelp"
        onClick="console.log('Going back');">Driver</h1>
    <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Other Driver Info</h2>
</div>

<script>
function itemClicked() {
  console.log("itemClicked()");
}
</script>
</body>
</html>
代码本身有什么问题吗？特别是在我使用脚本scr的地方。。。指向dojo.js和我使用require调用dojo.mobile函数的位置。我的印象是，只要src指向包树中的正确位置，我将文件复制到哪里就没有多大关系

我曾尝试使用Google CDN调用dojo.js，但当我这样做时，emulator会抛出错误，可能是因为它没有使用internet连接

任何帮助都会很好

尝试从本地URL中删除/assets/www/

您的require语句如下所示：

require(["dojo"], function(dojo) {
    dojo.require("dojox/mobile")
    dojo.require("dojox/mobile/parser")
});

require([
    "dojo/mobile",
    "dojo/mobile/parser"
],
function(mobile, parser) {
    // your code here;
});
它应该是这样的：

require(["dojo"], function(dojo) {
    dojo.require("dojox/mobile")
    dojo.require("dojox/mobile/parser")
});

require([
    "dojo/mobile",
    "dojo/mobile/parser"
],
function(mobile, parser) {
    // your code here;
});
我像你说的那样更改了本地URL，因此现在它们是准确的，但应用程序最终看起来还是一样的。与使用dojo调用使其格式类似于android应用程序不同，它只在白色背景上显示为纯文本。这可能是因为我使用的是Android API 15吗？