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

Linking between pages and loading JavaScript using jQuery Mobile

本文关键字：加载 JavaScript jQuery Mobile 链接使用更新时间：2023-09-26

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

我的问题是基于从移动设备观看，但桌面设备也有非常相似的问题。我已经在iPhone、iPad和Mac上测试了Chrome和Safari。到处都是同样的问题。

我认为这与jQueryMobile加载和显示页面的方式有关，但我不是在一个HTML文档中使用多个页面，而是使用多个HTML文档。

如果你去上面的网站，然后点击菜单中的"QUESTS"，然后点击"通往知识的阶梯"，你会在/soleil/quest01.html（桌面）和/soleil###/soleil/cquest01.html上结束。"#/soleil"真的让我困惑！

在第一次尝试中，没有加载用于处理文本输入中的答案的JavaScript。这意味着当你按下"解锁"时不会发生任何事情。

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

现在我可以返回（按菜单中的"QUESTS"），然后转到另一个页面（例如"Citadel of Fun"），但有同样的问题：JavaScript没有加载。然而，如果我回到另一个（"通往知识的阶梯"），JavaScript仍然加载并运行良好。

那么这里会发生什么呢？我确信我的链接/编码是正确的，但我缺少的只是对jQueryMobile的基本理解。我能改变一些东西使它工作吗？真的很棒！

所以，我找到了一种修复它的方法，但并不是真正解决原始问题的方法。

我在指向我遇到问题的页面的标签中添加了rel="external"。通过这种方式，它将不会使用AJAX系统来加载这些页面，而是以常规方式进行加载。这解决了我的问题，但现在我无法进行任何花哨的转换。