jQuery Mobile页面跳转后未加载外部JS

在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并为将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。因此，在<head>中引入的外部JS文件，以及<page>标签外的JS均不能正常运行，刷新页面后方可加载成功。
 

鉴于JQM这个特性不太可能主动更改，可以用两种方法来解决：

一是在index页面中，注册所有需要使用到的外部JS文件，或者使用母版页面来统一；

二是将页面内部JS写在data-role="page"标签下，这样无论页面怎样跳转，均可以运行。

时间： 2024-11-03 20:24:54

jQuery Mobile页面跳转后未加载外部JS的相关文章

jQuery Mobile页面跳转后未加载外部JS原因分析及解决_jquery

在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中. 因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功. 鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决:一是在index页面中,注册所有需要使用到的外

JQuery Mobile 页面跳转后js不执行的问题（二）

问题描述:用JQM的tab组件,从主页跳转到该tab页面发现tab组件不能正常使用,只有刷新一次后才能正常的实现tab,这显然是蛋疼的! 解决方法:JQM是用Ajax来加载界面,有时候即使所有的js都写好了,但跳转之后还是不加载,即使按照http://blog.csdn.net/onepiecekapu/article/details/28172441的两个办法还是无法解决,这个时候需要在超链接<a>中加 data-ajax= false就可以了.

jquery mobile页面跳转后样式丢失js失效的解决方法_jquery

用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了. 方法: 将当前页面b.html需要用到的css以及js放在<page>div内. 原理: 由于jqm的ajax跳转的时候,只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载,所以导致在<page>外的js和css都失效了.

jQuery Mobile页面跳转切换的几种方式

jQuery Mobile在移动开发中越来越受到欢迎.而他的各个版本也在持续不断的更新中.同样的我也很喜欢它,它加快了我们开发HTML5的速度. 同时又具备jQuery一样的操作方法.学起来也是相当的容易.所以这一片文章就是介绍jQuery Mobile的页面跳转的. 少说废话,看源码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <

jquery mobile 页面跳转不能刷新

问题描述 jquery mobile 页面跳转不能刷新 A页面form表单设置data-Ajax=false,跳转B页面后, 如果b页面不加载添加jquery mobile的js就可以刷新页面, 如果添加了jquery mobile的js再刷新页面form提交的数据就会丢失,求解 解决方案 Jquery Mobile的跳转jquery mobile 页面跳转 data-idjQuery Mobile动态刷新页面样式 解决方案二: jquery不就可以跳吗?

jquery mobile页面跳转的问题

问题描述 jquery mobile页面跳转的问题 在listview中加入的链接,跳转后前一页面函数都还能调用这是什么原理?难道jquery mobile 把跳转页面都看做是同一页面的?

方法-jquery mobile页面跳转的问题

问题描述 jquery mobile页面跳转的问题 我在jquery mobile中 页面跳转了 但是为什么页面的url没有发生改变 我是采用的response.Redirect()方法 ,按理说是没问题的,是不是jQuery mobile中一些属性影响了 ,本人小菜 求指导 解决方案 触发该重定向的form或者超链接a中设置data-ajax="false"

jquery动态加载外部js文件代码研究

$.getScript函数动态加载js 有时网页上的js过多就会让网页加载太慢,用户体验不好,我们可以使用jquery $.getScript函数动态加载我们需要的js文件    代码如下 复制代码 $("#load").click(function(){  $.getScript('helloworld.js', function() {     $("#content").html('Javascript is loaded successful!');  })

解决jquery easyui easyloader加载外部js文件失败问题

  easyloader加载外部js文件时,虽然回调函数调用成功,但js文件加载不上,解决方法如下: 找到easyload.js文件,打开如下位置:红色字体部分将script改为this: var _8=document.createElement("script"); _8.type="text/javascript"; _8.language="javascript"; _8.src=_5; _8.onload=_8.onreadystate