1

我有以下标题:

<div data-theme="b" data-role="header" data-add-back-btn="true" data-back-btn-text="Back" data-position="fixed">
    <h3>Title</h3>

    <a data-role="button" data-transition="fade" data-theme="c" data-rel="back" href="" data-direction="reverse"
        data-icon="arrow-l" data-iconpos="left" class="ui-btn-left"
    > Back </a>

    <a data-role="button" data-transition="fade" data-theme="c"
        href="#page2" data-icon="arrow-r" data-iconpos="right"
        class="ui-btn-right ui-disabled"
    > Next </a>
</div>

后退按钮不会返回。如果我将它设置为""or "#",它会重定向到我的主页。如果我没有该href属性,则单击该按钮不会执行任何操作。

我在这里做错了什么?

谢谢!

4

2 回答 2

2

您在data-role="header"元素的上下文中进行操作,因此添加data-add-back-btn="true"应该足以添加后退按钮。

我的猜测是 jQM 不希望看到另一个带有标题的后退按钮 - 因此没有正确增强它。尝试删除data-add-back-btn="true"或您的自定义后退按钮,两者都可能是问题。

在正常情况下,href不需要设置 an,您应该可以将其设置为 '#'。只要您有data-rel="back",jQM 就应该为您处理这些功能。

于 2012-08-08T23:51:18.623 回答
0

如有疑问,请回归基础。

    events : {
        "click .back" : "back"
    },

    back : function() {
        window.history.back();
    },
于 2012-08-24T16:51:13.393 回答