• 学习jquery mobile


    学习jquery mobile的时间不是很长,在学习的过程当中也遇到了很多令人抓狂的问题,在网上搜索问题答案的时候发现,现在关于jquery mobile的文章还不是很多,所以,我也是一边学习,一边摸索,今天我就把我遇到的一些问题和解决方法在这里总结一下,希望能够帮助一些朋友。

    1、

    问题:动态添加一些dom元素后,css样式没有了?

    解决:如果是添加的li列表,你需要在添加完以后,在它的父节点加上.listview('refresh'),例如:$('ul').html('<li>aaa</li>').listview('refresh');

    如果不是列表的话,需要用.trigger('create');例如:$('<div>').html('<p>123</p>').trigger('create');

    2、

    问题:用a标记的href链接跳转到目的页面时,绑定的$(document).ready()不执行,需要刷新页面才能执行?

    解决:jquery mobile页面跳转是ajax跳转,所以$(document).ready()是不执行的,如果想用a标记跳转过来执行一些函数的话有两种方法:

    (1)、用js的window.location.href=url跳转,或者在a标记里写rel="external",这样页面就脱离了jquery mobile框架,到了一个新的页面;

    (2)、给目的页面的page加一个id,例如:indexPage,给indexPage绑定pageinit事件,$('#indexPage').live('pageinit',function(event){});就可以了,其实jquery mobile页面的跳转就是不同page直接的切换

    3、问题:跳转到新的页面,新页面的js,css不加载

    解决:这个问题是因为jquery mobile是ajax跳转,在页面跳转的时候不再加载新的js,css,我目前也没有找到很好的解决方法,我是把所有的js都放到了一个公共的js里面,在公共的js里面给不同的page绑定不同的事件。

    由于时间原因,就先写到这里,大家要是遇到了什么问题可以给我提问,咱们大家可以一起学习讨论。

  • 相关阅读:
    ionic platform add ios, Error:spawn EACCES
    OC中分类(Category)和扩展(Extension)
    JSON.stringify() 格式化 输出log
    JavaScript 闭包
    vue路由跳转到指定页面
    vue使用路由跳转到上一页
    vue子传父多个值
    vue里router-link标签设置动态路由的3个方法
    地址栏的路由输入不匹配时候,设置默认跳转页面(redirect)
    把router-link标签渲染成指定的标签
  • 原文地址:https://www.cnblogs.com/wangluochong/p/3431719.html
Copyright © 2020-2023  润新知