jquery mobile页面跳转后,JS无效的原因及解决方案-程序员宅基地

技术标签: ViewUI  javascript  

最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:
首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可有效,也就是js没有起作用,并不是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"标签下,这样无论页面怎样跳转,均可以运行。

转载于:https://www.cnblogs.com/lili503/p/3761406.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30438813/article/details/98266416

智能推荐

html5定位没定到,关于html5+定位的有关经验-程序员宅基地

文章浏览阅读133次。搞了两天,终于把ios跟android端的定位搞明白了,直接看代码//定位的代码要写在plusReady()里面,而且不能用mui自带的mui.plusReady(){}if(window.plus){plusReady();}else{document.addEventListener("plusready",plusReady,false);}function plusReady(){/and..._mapobj.getuserlocation获取不到当前位置信息

Excel 函数 Indirect 使用详解_indirect函数的参数-程序员宅基地

文章浏览阅读2.4k次,点赞2次,收藏10次。或文本字符串构成的。_indirect函数的参数

逻辑表达式中的短路现象-程序员宅基地

文章浏览阅读690次。当使用逻辑操作符时,我们会遇到一种“短路”现象。即一旦能够明确无误地确定整个表达式的值,就不再计算表达式余下部分了。因此,整个逻辑表达式靠后的部分有可能不会被运算。下面对这个现象进行演示:public class ShortCircuit{ //执行test1()时打印出执行信息 static boolean test1(int val){ System.out...._逻辑表达式的计算应该避免短路计算吗

C语言第6次上机,C语言第五次上机作业参考答案-程序员宅基地

文章浏览阅读83次。该楼层疑似违规已被系统折叠隐藏此楼查看此楼#include#defineN3voidaverage(intx[N][10]);voidfindgood(intx[N][10]);voidfindfail(intx[N][10]);voidmain(){//0:学号,1-5:成绩,6:平均分,7:第一门平均分,8:是否及格,9:是否优秀intstu[N][10]={0},i,j..._大连理工大学c语言慕课答案第六次上机

vue 疑难杂症记录_vue渲染数据疑难杂症-程序员宅基地

文章浏览阅读380次。一、render 函数渲染自定义组件注意的问题一般使用vue render函数渲染普通的html标签时,写法如下:render: (h) => { return ('div', {}, '测试内容')}但是有时候我们需要使用render渲染自定组件这时候就不应该在自定义的组件名上加“”号了,写法如下:render: (h) => { return (ToolBar..._vue渲染数据疑难杂症

Java多重if....else if-程序员宅基地

文章浏览阅读97次。public class HelloWorld { public static void main(String[] args) { int age=25; if(age>60){ System.out.println("老年"); }else if(age>40 && age<60){ Sy..._java中多重if用if?:怎么写

随便推点

营收增长/市值却下跌超六成,安霸的「危机」待解_安霸是如何落后的-程序员宅基地

文章浏览阅读321次。首次发布等效算力500eTOPS的AI域控制器CV3系列SoC,收购4D成像毫米波雷达公司(傲酷),一系列在汽车赛道的布局,没有能够挽救传统视觉芯片供应商安霸(Ambarella)的股价下行颓势。数据显示,在过去的4个多月时间,安霸股价从2021年12月8日最高点的216.84美元,急速下滑至83.6美元(截至美国时间4月22日收盘),总市值只剩下31.82亿美元,距离高点下滑61.45%。财报数据显示,安霸2022财年第四季度的收入为9020万美元,比2021财年同期的6210万美元增长了45%。_安霸是如何落后的

html中图片只显示部分,两种方法实现css切割图片,只取图片中一部分-程序员宅基地

文章浏览阅读6.5k次。参考地址:http://www.jb51.net/css/150036.html场景:如果一个页面有个img小图标,那么访问浏览器的时候会因为加载图片导致浏览速度放慢。这个时候将这么多的小图标放在一起,整合成一个img,那么只需要访问一张图片就可以了。就可以减少请求图片的次数整合后的img那么整合后的img有了,在使用的过程中如何获取我们想要的像素范围呢?上面的参考地址有写。我就照着做一遍吧。方法..._前端怎么让图片只展示一半内容

activiti工作流引擎入门教程-程序员宅基地

文章浏览阅读1.2w次,点赞11次,收藏79次。activiti简介Activiti项目是一项新的基于Apache许可的开源BPM平台,从基础开始构建,旨在提供支持新的BPMN 2.0标准。Activiti是一种轻量级,可嵌入的BPM引擎,而且还设计适用于可扩展的云架构。 Activiti将提供宽松的Apache许可2.0,同时促进Activiti BPM引擎和BPMN 2.0的匹配。activiti的7大马车1.Repos..._activiti

Ubuntu18.04下VIM安装及配置_ubuntu安装vim-程序员宅基地

文章浏览阅读8.7w次,点赞37次,收藏286次。作者:陈浩 更新日期:2018-09-211.安装VIM $sudo apt-get install vim我的vim 已经是最新版 (2:8.0.1453-1ubuntu1)。2.安装vim-plug 一种方便简洁的插件管理插件终端输入如下命令: $ curl -fLo ~/.vim/autoload/plug.vim --create-dirs https://raw.gi..._ubuntu安装vim

most , most , most important things!-程序员宅基地

文章浏览阅读113次。Little nun, Have u ever heard "Touching is strong forbidden between man and woman?2011. Aneurysm identification by analysis of the blood-vessel skeleton.提出动脉瘤颈的识别,基于血管和血管骨架上表面点相互位置的概率估计。半自动方法..._python centline 中心线提取 c++

rtsp协议详解-程序员宅基地

文章浏览阅读96次。RTSP简介RTSP(Real Time Streaming Protocol), 实时流传输协议, 是TCP/IP协议体系中的一个应用层协议, 由哥伦比亚大学, 网景和RealNetworks公司提交的IETF RFC标准. 该协议定义了一对多应用程序如何有效地通过IP网络传送多媒体数据. RTSP在体系结构上位于RTP和RTCP之上, 它使用TCP..._rtsp协议详解