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()//关键
 })
Light7 是一个轻量级的移动端 UI 框架,提供了丰富的组件和样式,方便开发者快速构建移动端应用。下面是对 Light7 UI 框架文档的回答: Light7 UI 框架文档主要包括以下内容: 1. 框架介绍:介绍 Light7 框架的特点和优势,以及适用的场景和目标用户。例如,Light7 是一个响应式框架,可以适应不同尺寸的屏幕,并且提供了丰富的组件和样式。 2. 文档结构:简要介绍文档的结构和各个部分的内容。例如,可以将文档分为安装指南、组件介绍、样式指南和使用示例等部分,以便用户快速找到所需信息。 3. 安装指南:提供框架的安装和部署方法,包括引入 CSS 和 JS 文件等。例如,可以将框架的 CSS 文件和 JS 文件下载到本地,并在 HTML 文件中引入。 4. 组件介绍:详细介绍每个组件的功能和用法。例如,可以介绍按钮组件、表单组件、导航组件等,包括使用方法、参数说明和示例代码。这样开发者就可以根据需要选择和使用相应的组件。 5. 样式指南:介绍框架的样式规范和使用方法。例如,可以介绍如何调整组件的颜色、字体、大小和间距等,以及如何自定义样式。 6. 使用示例:提供具体的使用示例和案例,帮助开发者理解和应用框架。例如,可以提供一个简单的移动端应用示例,包括页面结构和组件的使用。 通过阅读 Light7 UI 框架文档,开发者可以了解框架的基本信息、安装和使用方法,以及组件和样式的详细介绍和使用示例。这将有助于他们快速上手并有效开发移动端应用。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值