使用jQuery Mobile链接页面和加载JavaScript

时间:2014-10-15 04:42:50

标签: javascript jquery html jquery-mobile mobile

我正在开发我的第一个jQuery Mobile网站,这是澳大利亚布里斯班基于位置的游戏(原型):www.jsjensen.dk/soleil/

我的问题是基于从移动设备查看,但桌面设备有非常类似的问题。我已经在iPhone,iPad和Mac上使用Chrome和Safari进行了测试。到处都是同样的问题。

我认为这与jQuery Mobile如何加载和显示页面有关,但我没有在一个HTML文档中使用多个页面,而是有多个HTML文档。

如果您访问上面的网站,然后单击菜单中的“QUESTS”,然后单击“Stairway to Knowledge”,您将在/soleil/quest01.html(桌面)和/ soleil /#/ soleil / quest01上结束。 HTML。那个“#/ soleil”让我很困惑!

在第一次尝试中,未加载用于处理文本输入中的答案的JavaScript。这意味着当您按下“解锁”时没有任何反应。

现在,如果您在桌面上重新加载或将iOS上的地址编辑到/soleil/quest01.html(这是实际和真实的文件),它将重新加载页面,并加载并初始化正确的JavaScript。

现在我可以返回(按菜单中的“QUESTS”),然后转到另一个页面(例如“Citadel of Fun”),同样的问题:JavaScript没有加载。如果我回到另一个(“Stairway to Knowledge”),那么JavaScript仍然可以加载并正常工作。

那么这里发生了什么?我很确定我的链接/编码是正确的,但这只是我对jQuery Mobile的一个基本理解。我可以改变一些东西来使这个工作吗?它真的很棒!

1 个答案:

答案 0 :(得分:0)

所以,我找到了解决问题的方法,但并不是解决原始问题的方法。

我已经添加了rel =" external"指向我遇到问题的页面的标签。通过这种方式,它不会使用AJAX系统来加载这些页面,而是以常规方式执行。这解决了我的问题,但现在我无法进行任何奇特的过渡。