jquery移动导航栏链接无法刷新

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响应结果。但是当我切换导航栏链接时，浏览器（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而没有数据。

我希望有一种方法当我点击导航栏链接时，浏览器可以重新加载/刷新整个页面，尤其是javascript执行ajax调用并填充数据。

Answer 1

尝试将rel="external"添加到锚标记。请注意转换可能会停止工作。