Ibm mobilefirst IBM Worklight 6.0-在控制台中预览时简单列表项未转换_Ibm Mobilefirst_Listitem_Dojox.mobile_Worklight Console

Ibm mobilefirst IBM Worklight 6.0-在控制台中预览时简单列表项未转换

ibm-mobilefirst

Ibm mobilefirst IBM Worklight 6.0-在控制台中预览时简单列表项未转换,ibm-mobilefirst,listitem,dojox.mobile,worklight-console,Ibm Mobilefirst,Listitem,Dojox.mobile,Worklight Console,我创建了一个简单的项目（与Dojo混合），其中包含一个视图和三个页面——所有这些都是使用Dojo移动视图向导创建的在使用Worklight控制台构建、部署和预览之后，视图不会正确呈现列表项的箭头，单击列表项后，新页面似乎会在视图顶部打开，而不是转换 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>HelloWorld2App

我创建了一个简单的项目（与Dojo混合），其中包含一个视图和三个页面——所有这些都是使用Dojo移动视图向导创建的

在使用Worklight控制台构建、部署和预览之后，视图不会正确呈现列表项的箭头，单击列表项后，新页面似乎会在视图顶部打开，而不是转换

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>HelloWorld2App</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <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/HelloWorld2App.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 id="content" style="display: none;">
    <div data-dojo-type="dojox.mobile.ScrollableView" id="view1">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Heading'"></div>
    <div data-dojo-type="dojox.mobile.EdgeToEdgeList">
    <div data-dojo-type="dojox.mobile.ListItem"
            data-dojo-props="label:'Page 1',moveTo:'page1'"></div>
    <div data-dojo-type="dojox.mobile.ListItem"
            data-dojo-props="label:'Page 2',moveTo:'page2'"></div>
    <div data-dojo-type="dojox.mobile.ListItem"
            data-dojo-props="label:'Page 3',moveTo:'page3'"></div>
    </div>
    </div>
    <div data-dojo-type="dojox.mobile.ScrollableView" id="page1">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Page 1',back:'Back',moveTo:'view1'"></div>On page 1
    </div>
    <div data-dojo-type="dojox.mobile.ScrollableView" id="page2">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Page 2',back:'Back',moveTo:'view1'"></div>On page 2
    </div>
    <div data-dojo-type="dojox.mobile.ScrollableView" id="page3">
    <div data-dojo-type="dojox.mobile.Heading"
        data-dojo-props="label:'Page 3',back:'Back',moveTo:'view1'"></div>On page 3
    </div>
    <script src="js/initOptions.js"></script>
    <script src="js/HelloWorld2App.js"></script>
    <script src="js/messages.js"></script>
    </body>
    </html>


HelloWorld2App
window.$=window.jQuery=WLJQ；
第1页
第2页
第3页

由于维吉尼亚没有从评论中复制答案，以下是所有人都知道的答案：

在Eclipse中使用内部浏览器时，上述操作不起作用。在移动到使用外部浏览器后，现在可以正常工作

你的代码对我来说很好。您是否在Windows上使用Worklight Studio？32位还是64位？您是否尝试过在外部浏览器中打开控制台？（和Chrome一样）在Windows上，Studio以32位安装，FireFox配置为默认浏览器，对我来说效果最好。我也不会复制。除了David提示检查控制台中的错误消息外，您是否将HTML中使用的所有模块添加到所需模块列表中？或者，最好将所有出现的“dojox.mobile.”替换为“dojox/mobile/”，这是标记的现代语法。例如，在使用data dojo type=“dojox/mobile/ListItem”时，即使您不需要，模块也会自动加载（请参阅中的“自动要求”部分）。非常感谢！大卫，你的回答帮助我走上了正确的道路。我在使用内部浏览器中的控制台，但不起作用。当我用Firefox将它改为外部浏览器时，它就工作了。谢谢太好了，那么你能把这个问题标记为已回答吗？