0

在 Dojo mobile 中,当单击视图 1 中的 div 时,如何从视图 1 移动到视图 2?

例如,您在一个 html 页面中有两个视图:

<!DOCTYPE HTML>
<html>
<head>
    <!-- head stuff here -->
</head>
<body>
    <div id="viewOne" data-dojo-type="dojox.mobile.View">
        <h1 data-dojo-type="dojox.mobile.Heading">View One</h1>

        <div id="gotoViewTwo">Goto View Two</div>

    </div>
    <div id="viewTwo" data-dojo-type="dojox.mobile.View">
        <h1 data-dojo-type="dojox.mobile.Heading" back="Home" moveTo="viewOne">View Two</h1>
    </div>
</body>
</html>

所以我想做的是,当点击id为“gotoViewTwo”的div时,我想去查看两个。

我是 dojo 的新手,但如果能帮助您向我解释我需要做什么,我非常了解 jQuery Mobile。谢谢!

4

1 回答 1

2

有两种方法,一种是从视图中使用 performTransition。使用 dijit 注册表获取视图并调用其 performtransition 函数。args 1. 视图过渡到 2. 过渡方向(左或右) 3. 过渡类型(滑动,淡入淡出 ....)

dijit.registry.byId("ViewOne").performTransition("ViewTwo", 1, "slide");

于 2013-07-26T19:43:26.393 回答