Dojo mobile初学者求帮忙解释

wzhw 发布于 2015/03/30 13:08
阅读 228
收藏 0

使用的是最新的Dojo1.10

代码如下:

<html>

    <head>
        <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>    
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <title>HelloAndroid</title>
        <link rel="stylesheet" href="scripts/dojo/1.10/dojox/mobile/themes/android/android.css" type="text/css">
        <script type="text/javascript" charset="utf-8" src="scripts/phonegap/cordova-2.0.0.js"></script>
        <script src="scripts/dojo/1.10/dojo/dojo.js.uncompressed.js" djConfig="parseOnLoad:true"></script>
        <script>
            dojo.require("dojox.mobile.parser");
            dojo.require("dojox.mobile");
            dojo.requireIf(!dojo.isWebKit, "dojox.mobile.compat");
         </script>
    </head>
    <body>
        <div class="mblHeading" dojoType="dojox.Mobile.Heading">
            面团
        </div>
        <div dojoType="dojox.Mobile.View" selected="true">
            <h2 dojoType="dojox.Mobile.RoundRectCategory">First Section</h2>
            <div dojoType="dojox.Mobile.RoundRect">
                This is my first dojo Mobile application on android platform.
            </div>
            <h2 dojoType="dojox.Mobile.RoundRectCategory" class="mblRoundRectCategory">Second Section</h2>
            <ul dojoType="dojox.mobile.RoundRectList">
                <li dojoType="dojox.Mobile.ListItem">List Item 1</li>
                <li dojoType="dojox.Mobile.ListItem">List Item 2</li>
                <li dojoType="dojox.Mobile.ListItem">List Item 3</li>
            </ul>
        </div>
        <div dojoType="dojox.Mobile.View">
            <h2 dojoType="dojox.Mobile.RoundRectCategory" class="mblRoundRectCategory">First Section</h2>
            <div dojoType="dojox.Mobile.RoundRect" class="mblRoundRect">
                This is my first dojo Mobile application on android platform.
            </div>
            <h2 dojoType="dojox.Mobile.RoundRectCategory" class="mblRoundRectCategory">Second Section</h2>
            <ul dojoType="dojox.mobile.RoundRectList" class="mblRoundRectList">
                <li dojoType="dojox.Mobile.ListItem" class="mblListItem">List Item 1</li>
                <li dojoType="dojox.Mobile.ListItem" class="mblListItem">List Item 2</li>
                <li dojoType="dojox.Mobile.ListItem" class="mblListItem">List Item 3</li>
            </ul>
        </div>
    </body>

</html>

现在运行的时候,添加了class的能够正确的显示界面样式,没有添加class的,没有显示正确样式。Dojo不是可以根据dojotype来添加class么?

求大神帮忙看看为什么会这样

加载中
0
y
yipanbo

让我来消除零回复吧。

关键点,"dojox.Mobile.Heading"中的“Mobile”应该是“mobile”,是小写的“m”,其他的都一样,都要改成小写的“m”,这样就好了

少年,你可以看看官网的dojo mobile入门,顺便更新一下代码。


返回顶部
顶部