Dojox 手机后退按钮

Question

请帮忙，这真的让我发疯了。 我对 Javascript 有点陌生，正在尝试使用 Dojox.mobile 框架...

基本上，我想要做的是有一个按钮，它转到一个

，当点击时它位于当前的 之前。这需要是普通的 html 或

，并且不能是 ul、li、heading 或类似的，因为它位于视图的中间，而不是顶部或任何类型的边框（确切位置在样式标签中给出）.. 我尝试实现 dojo.back 框架，但我似乎无法正确处理应该加载的内容或应该去哪里。 我尝试使用 OnClick 属性来实现它（这是我实现所有其他按钮的方式 forward），但它会导致所有 div 之间完全重叠。 我尝试使用 moveTo 属性来实现它，但我认为这仅适用于 ul 和 li 元素，而不是普通按钮或列表元素（如果它们可用于普通 div，我不知道如何实现它们）。

老实说，我不知道我还能做什么，请帮忙！

【问题讨论】：

• 一些示例代码或测试用例将有助于理解您的问题。

Answer 1

对于dojox.mobile.View，有一个名为performTransition 的函数可以从一个视图切换到另一个视图。下面是一个您可以使用的快速示例：

HTML：

<div id="first_view" data-dojo-type="dojox.mobile.View">
    <p>First view you see</p>
    ...
</div>
<div id="second_view" data-dojo-type="dojox.mobile.View">
    <p>Second view</p>
    <button data-dojo-type="dojox.mobile.Button" 
        data-dojo-props='onClick:function(e){goBackToFirstView();}'>
        Back
    </button>
</div>

JavaScript：

function goBackToFirstView () {
    // load the view that should be visible
    var secondView = dijit.registry.byId("second_view");
    // transition slides back one
    secondView.performTransition("first_view", -1, "slide");
}