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

78 阅读 0 评论 52 点赞

我是靠谱客的博主平淡钥匙，最近开发中收集的这篇文章主要介绍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文件之前（初始化的设置都需放入此处）。

以上就是平淡钥匙为你收集整理的JQuery Mobile跳转页面后css和js失效的全部内容，希望文章能够帮你解决JQuery Mobile跳转页面后css和js失效所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。