IBM工作灯 - 无法视图之间进行导航 [英] IBM Worklight - Unable to navigate between views
本文介绍了IBM工作灯 - 无法视图之间进行导航的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想开发一个简单的应用程序，包括多个可滚动的意见，但意见像家视图之间的导航到视图1是行不通的。无法找出其原因...
HTML
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;间的charset =UTF-8＆GT;
＆LT;标题＆GT;指数＆LT; /标题＆GT;
＆LT; META NAME =视口
内容=WIDTH =设备宽度，初始规模= 1，最大规模= 1，用户可扩展性=无＆GT;
＆LT; META NAME =苹果移动网络应用能力的内容=YES＆GT;
＆LT;链接rel =快捷方式图标的href =图像/ favicon.png＆GT;
＆LT;链接rel =苹果触摸图标的href =图像/苹果触摸的icon.png＆GT;
＆LT;链接rel =stylesheet属性HREF =CSS /的main.css＆GT;
＆LT;脚本方式＆gt;窗口$ = window.jQuery = WLJQ;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的SRC =DojoX中/移动/ deviceTheme.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的数据道场-配置=isDebug：假的，异步：真的，parseOnLoad：真，mblHideAddressBar：假SRC =道场/的dojo.js＆GT;＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;车身风格=显示：无;＆GT; ＆LT; DIV数据道场-TYPE =dojox.mobile.ScrollableViewID =家＆GT;
＆LT; DIV CLASS =wraper数据道场-TYPE =dojox.mobile.Container＆GT;
＆LT; IMG SRC =图像/ Shelter1.pngALT =SOME_TEXT＆GT;
＆LT; / DIV＆GT;
＆LT; UL数据道场-TYPE =dojox.mobile.TabBar固定=底＆GT;
＆LT;李数据道场-TYPE =dojox.mobile.TabBarButton图标=图像/箭头转右-的icon.png的数据道场道具=的moveTo：视图1＆GT;标签和LT; /李＆GT;
＆LT; / UL＆GT;
＆LT; / DIV＆GT;＆LT; DIV数据道场-TYPE =dojox.mobile.ScrollableViewID =厂景＆GT;
＆LT; DIV CLASS =wraper数据道场-TYPE =dojox.mobile.Container＆GT;
＆LT; IMG SRC =图像/ Shelter2.pngALT =查看＆GT;
＆LT; / DIV＆GT;
＆LT; UL数据道场-TYPE =dojox.mobile.TabBar固定=底＆GT;
＆LT;李数据道场-TYPE =dojox.mobile.TabBarButton图标=图像/箭头转左-的icon.png的数据道场道具=转型：翻转，导演： - 1 ，的moveTo：首页＆GT; previous＆LT; /李＆GT;
＆LT;李数据道场-TYPE =dojox.mobile.TabBarButton图标=图像/箭头转右-的icon.png的数据道场道具=转型：翻转，导演：'1'，的moveTo：视图2＆gt;接下来＆LT; /李＆GT;
＆LT; / UL＆GT;
＆LT; / DIV＆GT;
＆LT; DIV数据道场-TYPE =dojox.mobile.ViewID =视图2＆GT;＆LT; / DIV＆GT;
＆LT;脚本SRC =JS / initOptions.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =JS / main.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =JS / messages.js＆GT;＆LT; / SCRIPT＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
解决方案
您错过周围的ID报价在的moveTo 。例如：
＆LT;李数据道场-TYPE =dojox.mobile.TabBarButton图标=图像/箭头转右-的icon.png的数据道场道具=的moveTo：视图1＆GT;标签和LT; /李＆GT;
应该变成：
＆LT;李数据道场-TYPE =dojox.mobile.TabBarButton图标=图像/箭头转右-的icon.png的数据道场道具=的moveTo：厂景'＆GT;标签和LT; /李＆GT;
这样，它会工作，我测试了它在的jsfiddle （我用的图像占位符）。要知道，最好的方法，如果你需要的报价是通过检查 API文档。如果你看看的moveTo 属性，你会发现，是在它前面的[S]图标，这意味着它是一个字符串（和字符串确实需要引号）。
I am trying to develop a simple app that consist of multiple scrollable views, but the navigation between views like from "Home" view to "view1" is not working. Unable find out the reason of that...
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>index</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/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="Home">
<div class="wraper" data-dojo-type="dojox.mobile.Container">
<img src="images/Shelter1.png" alt="some_text">
</div>
<ul data-dojo-type="dojox.mobile.TabBar" fixed="bottom">
<li data-dojo-type="dojox.mobile.TabBarButton" icon="images/Arrow-turn-right-icon.png" data-dojo-props="moveTo:view1">Label</li>
</ul>
</div>
<div data-dojo-type="dojox.mobile.ScrollableView" id="view1">
<div class="wraper" data-dojo-type="dojox.mobile.Container">
<img src="images/Shelter2.png" alt="View">
</div>
<ul data-dojo-type="dojox.mobile.TabBar" fixed="bottom">
<li data-dojo-type="dojox.mobile.TabBarButton" icon="images/Arrow-turn-left-icon.png" data-dojo-props="transition:'flip',dir:'-1',moveTo:Home">Previous</li>
<li data-dojo-type="dojox.mobile.TabBarButton" icon="images/Arrow-turn-right-icon.png" data-dojo-props="transition:'flip',dir:'1',moveTo:view2">Next</li>
</ul>
</div>
<div data-dojo-type="dojox.mobile.View" id="view2"></div>
<script src="js/initOptions.js"></script>
<script src="js/main.js"></script>
<script src="js/messages.js"></script>
</body>
</html>
解决方案
You're missing quotes around the ID in your moveTo. For example:
<li data-dojo-type="dojox.mobile.TabBarButton" icon="images/Arrow-turn-right-icon.png" data-dojo-props="moveTo:view1">Label</li>
Should become:
<li data-dojo-type="dojox.mobile.TabBarButton" icon="images/Arrow-turn-right-icon.png" data-dojo-props="moveTo:'view1'">Label</li>
That way it will work, I tested it out on JSFiddle (I used image placeholders). The best way to know if you need quotes is by checking the API documentation. If you look at the moveTo property, you will notice that is has an [S] icon in front of it, which means it's a String (and Strings do need quotes).
这篇关于IBM工作灯 - 无法视图之间进行导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
