为什么 JQM 不加载我的(多)页面?
Why isn't JQM loading my (multi) page?
我正在使用 jQuery 移动版混合应用,我有 2 个文件,共 3 页。
文件 1:页面 A
文件 2:页面 B 和 C
如果我在页面 A 上单击 link 到页面 B,页面将加载。
如果我然后单击 link 到页面 C,它将不会加载。但是,如果我使用 F5 重新加载页面 B,我可以单击 link 并加载页面 C。
我知道 link 注册了点击操作,因为这段代码有效
$('a.map').click(function(){ console.log('test');});
JQM 只是不加载页面。
这是我的文件 2:
<div id="mainPage" data-role="page">
<a class="map right ui-corner-all" href="#storeMap" data-prefetch="true" data-transition="flip">Map</a>
</div>
<div id="storeMap" data-role="page"> (...) </div>
有人知道为什么会这样吗?
不能对多页模板使用ajax导航,只会使用第一页。
从页面 A 链接到页面 B 时,在锚点中使用 rel="external"
以禁用 ajax 加载。
我正在使用 jQuery 移动版混合应用,我有 2 个文件,共 3 页。
文件 1:页面 A
文件 2:页面 B 和 C
如果我在页面 A 上单击 link 到页面 B,页面将加载。
如果我然后单击 link 到页面 C,它将不会加载。但是,如果我使用 F5 重新加载页面 B,我可以单击 link 并加载页面 C。
我知道 link 注册了点击操作,因为这段代码有效
$('a.map').click(function(){ console.log('test');});
JQM 只是不加载页面。
这是我的文件 2:
<div id="mainPage" data-role="page">
<a class="map right ui-corner-all" href="#storeMap" data-prefetch="true" data-transition="flip">Map</a>
</div>
<div id="storeMap" data-role="page"> (...) </div>
有人知道为什么会这样吗?
不能对多页模板使用ajax导航,只会使用第一页。
从页面 A 链接到页面 B 时,在锚点中使用 rel="external"
以禁用 ajax 加载。