首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将dojo加载到html文件中以调用dojox.mobile函数?

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

Stack Overflow用户
提问于 2012-04-19 19:49:00
回答 2查看 891关注 0票数 1

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

下面是我的代码:

代码语言:javascript
复制
<!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,但仿真器在我这样做时抛出错误,可能是因为它没有使用互联网连接?

任何帮助都是最好的!

EN

回答 2

Stack Overflow用户

发布于 2012-04-20 01:25:21

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

票数 0
EN

Stack Overflow用户

发布于 2012-11-22 00:28:57

您的require语句如下所示:

代码语言:javascript
复制
require(["dojo"], function(dojo) {
    dojo.require("dojox/mobile")
    dojo.require("dojox/mobile/parser")
});

它应该看起来像这样:

代码语言:javascript
复制
require([
    "dojo/mobile",
    "dojo/mobile/parser"
],
function(mobile, parser) {
    // your code here;
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10227379

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档