JQuery Mobile跳转页面后css和js失效
来源:互联网 发布:服务器带宽测试软件 编辑:程序博客网 时间:2024/05/01 07:03
最近使用JQuery Mobile编写手机端页面时遇到一些问题
问题:从一个页面点击一个链接进入到另一个页面时,发现这个页面的css和js都失效,且这两个页面都加载了JQueryMobile的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文件之前(初始化的设置都需放入此处)。
0 0
- JQuery Mobile跳转页面后css和js失效
- jquery mobile页面跳转后样式丢失js失效
- jquery mobile页面跳转后样式丢失js失效
- jsp:跳转后页面css和js失效问题解决
- jquery mobile ajax页面跳转出现(error load page的错误)及js与css失效的说明和处理
- jQuery Mobile页面跳转导致css、js失效原因及解决方法
- jQuery Mobile页面跳转后未加载外部JS
- jQuery Mobile页面跳转后未加载外部JS
- jquery mobile页面跳转后js不执行的问题
- jQuery Mobile页面跳转后,无法加载js中的方法
- jQuery Mobile页面跳转后未加载JS解决办法
- struts2跳转后CSS和js失效的问题
- struts2跳转后CSS和js失效的问题
- struts2跳转后CSS和js失效的问题
- struts2跳转后CSS和js失效的问题
- 使用struts2跳转后css和js失效了
- action跳转页面css和js失效问题解决
- jsp action跳转页面css和js失效问题解决
- react-redux,redux,react native之间的关系
- NodeJS+Angular+Mongodb Web开发(4)
- DOL开发环境配置
- 【自考】——数据库☞增强的ER模型
- JAVA中FILE类的一些常用API
- JQuery Mobile跳转页面后css和js失效
- under control
- glFinish()和glFlush()函数详解
- Numpy reshape用法
- LeetCode 415. Add Strings题解 字符串加和
- EJB——实体Bean
- fast-rcnn配置运行demo.py(Ubuntu14.04)
- 使用gradle开启multiDex时,如何配置MainDex
- socket创建过程