jQuery mobile没有加载新的页面脚本

Question

使用jQuery Mobile与Django:在页面转换期间,基本脚本似乎正在加载,但是从一个页面到下一个页面,标题下的新页面脚本不会在浏览器中加载.

更具体:

1. 我通过输入网址加载我的主页,一切正常.
2. 我通过单击主页中的链接加载下一页,并加载DOM,但不加载与页眉中的页面关联的脚本.
3. 如果我刷新此页面,或者直接在浏览器中键入此页面的URL(绕过页面转换),页面将按照应该的方式加载脚本.

我知道jquery mobile尝试使用ajax实现页面转换,但我希望我能将脚本保存在页眉/页脚中.我不想把脚本放在下面<div data-role="page" >

Answer 1

这是因为jQuery Mobile只加载data-role="page"DOM中第一个元素中的代码.

您可以选择以下几种方法来解决此问题:

1. 您可以将特定于页面的JS放在data-role="page"元素中,因此当jQuery Mobile通过AJAX加载页面时将加载它.
2. 您可以将所有代码放在一个JS文件中并将其包含在网站的每个页面中,它只会在整页刷新时加载,但这样一来,您网站的所有代码都会一直可用(缩小后)和压缩你真的必须有很多代码来使这个效率低下).

我确定还有其他方法,但这里有一对我已经为我工作了.

Answer 2

如果您只有一两页需要JS加载,这就是我所做的.您网站上链接到该页面的任何链接都应该被强制"加载"新页面.

将其添加到链接中

rel="external"