Question

我有以下标题：

<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>

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

我在这里做错了什么？

谢谢！

Answer 1

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

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

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

Answer 2

如有疑问，请回归基础。

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

    back : function() {
        window.history.back();
    },

jQuery Mobile Back Button不回来（没有href就没响应）

2 个答案: