JQuery Mobile跳转页面后css和js失效

最近使用JQuery Mobile编写手机端页面时遇到一些问题

问题：从一个页面点击一个链接进入到另一个页面时，发现这个页面的css和js都失效，且这两个页面都加载了JQuery Mobile的js和css库。

原因：在JQuery Mobile中，页面跳转时默认使用ajax跳转，而页面跳转时默认使用ajax跳转时，只会把在<page>中也内容加载，而<page>之外的代码及文件则不会加载，以致<page>外的js和css失效。

最简单的解决办法：在<a>标签中使用data-ajax="false"来禁用页面默认的ajax跳转，从而使用默认的请来求方法请求页面。 或者将页面内的js写在<page>下，这样便可实现跳转的同时并能加载js和css文件。

另外的办法：我们可以设置一个全局的禁止ajax方式的跳转，代码：

$（document）.on("mobileinit",function(){

$.mobile.ajaxEnabled=false;

})

这里提示一下：若使用此法，需要将此代码片段放在你引入的JQuery Mobile的js文件之前（初始化的设置都需放入此处）。