JQuery мобильные ссылки Navbar не обновлять

Question

<div data-theme="b" data-role="header" data-position="fixed">
<div data-role="navbar" data-iconpos="top">
    <ul>
        <li><a href="list.html" data-transition="fade">List</a></li>
        <li><a href="relations.html" data-transition="fade">Relations</a></li>
        <li><a href="settings.html" data-transition="fade">Settings</a></li>
    </ul>
</div>

Я использую javascript, чтобы заполнить результат ответа json содержимым страницы. Но когда я переключаю ссылки navbar, браузер (firefox) просто показывает мне кэшированный HTML без данных. Журнал сервера показывает, что list.html и settings.html вообще не запрашиваются. Я искал и пробовал data-prefetch="true", data-dom-cache="true" или data-dom-cache="false", <meta http-equiv="pragma" content="no-cache" />,Я ничего не получил. Каждый раз, когда я вручную обновляю settings.html / list.html, json заполняется, но другой list.html / settings.html оказывается пустым html без данных.

Я надеюсь, что когда я нажму на ссылку navbar, браузер сможет перезагрузить / обновить всю страницу, особенно если javascript выполняет вызов ajax и заполняет данные.

Answer 1

Попробуйте добавить rel="external" прикрепить теги. Помните, что переходы могут перестать работать.