Кнопка возврата jQuery Mobile не возвращается (и не реагирует без href)

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

Если есть сомнения, вернитесь к основам.

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

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

Answer 2

Вы работаете в контексте data-role="header" элемент, поэтому добавление data-add-back-btn="true" должно быть достаточно для добавления кнопки назад.

Я предполагаю, что jQM не ожидает увидеть другую кнопку "Назад" с заголовком - и, следовательно, не улучшает ее должным образом. Попробуйте удалить data-add-back-btn="true" или ваша пользовательская кнопка "назад", и то и другое может быть проблемой.

При нормальных обстоятельствах, установка href не требуется, и вы должны иметь возможность установить его на "#". Пока у вас есть data-rel="back"JQM должен позаботиться о функциональности для вас.