light7ui 刷新子页面 js不能加载的问题

当使用light7库写移动端，页面刷新后，当前页面js事件失效
http://light7.cn/components/#init
http://light7.cn/components/#router
原文
Call $.init() to init all components in page。

We will not init page on document loaded, because $.config.autoInit = false;. You should call $.init() on document loaded. $.init method will init all components in page, and trigger a pageInit event after init complete. You should call $.init after all pageInit events has binded.

But the page Loaded By router will always be inited.

Do not modify $.init please.

If you set $.config.autoInit = true;, the$.initmethod will auto be called after document onload. But your pageInit binds may have not executed at this time. So, please do not set autoInit=true, unless you don’t listen to pageInit event or you can make sure that your code will be right.

see demofor more usage.

JS和CSS等脚本问题
当通过ajax加载新页面的时候，路由器会自动忽略新页面的JS和CSS脚本。所以请把全部页面的脚本都打包到入口页面。在demo中我们每个页面都引用了相同的脚本，是为了在子页面刷新的时候也可以用。

在入口index页面引入所有js,调用$.init()初始化每个页面对应的pageinit做法如下：

 $(document).ready(function(){//关键//页面1$(pageinit,#id,function(){$(".button").click(function(){//只有加上document.ready和$.init(),次方法才会在页面刷新后，重新初始化起效})//页面2$(pageinit,#id2,function(){$(".button2").click(function(){//只有加上document.ready和$.init(),次方法才会在页面刷新后，重新初始化起效})})$.init()//关键})

light7ui 刷新子页面 js不能加载的问题相关推荐

打开页面js自动加载的方法
一.js方法: 1.在body标签加onload属性: 例:<body οnlοad="myfunction()"> 2.window.onload方法例: < ...
js页面中实现加载更多功能
js页面中实现加载更多功能分页-如何实现加载更多功能,目前的在很多网站上使用的加载更多功能中,使用最多的是iscroll.js实现的上拉加载更多.下拉刷新功能.但是iscroll.js本身并没有集成 ...
ajax右侧刷新加载jsp,jsp实现局部刷新页面、异步加载页面的方法
jsp实现局部刷新页面.异步加载页面的方法局部刷新页面.异步加载页面方案: 1.在jsp页面需要刷新的地方增加一个控件 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为 ...
js后退页面不重新加载_快应用：支持加载单独JS文件的规范思考
当前快应用的项目中,支持加载其它JS文件(通过:require('./foo.js')),然后通过webpack工具处理依赖,最终完成页面JS的构建,其中页面JS包含了引入的所有JS内容: 本文讨论的 ...
html 加载pdf文件内容不显示不出来,pdf.js首次加载pdf文件时找不到pdf文件，刷新后才能出现pdf文件...
前台点击文件学码的定一近,更工广款近,更工广款近,更名后,后台通过openoffice将doc文件转为pdf格式文件,然后存放在服务器tomcat'中,pdf.js首次加载服务器中tomcat中的转化 ...
js文件加载显示状态码206，导致页面一直显示加载中
一.问题现象: 用户反馈平台一直显示加载中,无法登录平台,因没有其他用户反馈,且我方验证时可以打开平台,采用了如下方式均未解决问题: 1.换浏览器使用 2.清除浏览器缓存 3.咨询服务部署方是否对用户 ...
若依框架刷新页面出现正在加载系统资源，请耐心等待
若依框架vue页面刷新页面出现正在加载系统资源,请耐心等待这个在public/index.html注释就没了
前端 JS 如何在一个页面中局部加载其它页面的数据
一个页面很大,可以分成多个部分,先把小部分的 jsp 写好之后,再在主页面中通过 Struts 2 标签或 ajax 请求来引入其它的 jsp 显示信息. 通过 jQuery 函数来加载其它页面的数据 ...
JRoll 2 使用文档（史上最强大的下拉刷新，滚动，无限加载插件）
概述说明 JRoll,一款能滚起上万条数据,具有滑动加速.回弹.缩放.滚动条.滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费的轻量级html5滚动插件. JRoll第二版是 ...

light7ui 刷新子页面 js不能加载的问题

light7ui 刷新子页面 js不能加载的问题相关推荐

最新文章

热门文章