Worklight dojo标题标签是重复的

时间:2014-04-07 07:47:23

标签: dojo ibm-mobilefirst

在Worklight中使用dojo时,我的标题标签会出现两次(重复)。

的index.html

<div 
    id="info"
    data-dojo-type="dojox.mobile.Heading" 
    data-dojo-props='label:"User Information"'
    style = "background-color: silver; font-size: 20px;">
</div>

谢谢!

1 个答案:

答案 0 :(得分:0)

我已将您的代码段更改为以下内容,它可以为我提供任何重复。 请注意带引号的data-dojo-props的轻微更改。

<div 
    id="info"
    data-dojo-type="dojox.mobile.Heading"
    data-dojo-props="label:'User Information'"
    style = "background-color: silver; font-size: 20px;">
</div>

我已经使用Dojo(使用Worklight Hybrid Application向导)创建了一个新的Worklight项目和应用程序,并在其中添加了修改后的代码段。我只看到1个标题。

我的index.html

<!DOCTYPE HTML>
<html>
        <head>
            <meta charset="UTF-8">
            <title>dojotest</title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
            <meta name="apple-mobile-web-app-capable" content="yes">
            <link rel="shortcut icon" href="images/favicon.png">
            <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
            <link rel="stylesheet" href="css/main.css">
            <script>window.$ = window.jQuery = WLJQ;</script>
            <script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>
            <script type="text/javascript" data-dojo-config="isDebug: false, async: true, parseOnLoad: true, mblHideAddressBar: false" src="dojo/dojo.js"></script>
        </head>
        <body style="display: none;">
            <div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
                <div 
                    id="info"
                    data-dojo-type="dojox.mobile.Heading" 
                    data-dojo-props="label:'User Information'"
                    style = "background-color: silver; font-size: 20px;">
                </div>
            </div>
            <script src="js/initOptions.js"></script>
            <script src="js/main.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>

enter image description here