当前位置:  编程技术>WEB前端

jquery mobile动态添加元素之后不能正确渲染解决方法说明

    来源: 互联网  发布时间:2014-08-25

    本文导语:  jquerymobile动态添加元素之后有些不能被正确渲染的解决方法:listview: 添加 jq(".detail").listview("refresh");div或其他:添加.trigger( "create" );====================================================================== jqm在初始化页面时会根据data-xxx在各元...

jquerymobile动态添加元素之后有些不能被正确渲染的解决方法:
listview: 添加 jq(".detail").listview("refresh");
div或其他:添加.trigger( "create" );
======================================================================

jqm在初始化页面时会根据data-xxx在各元素中插入jqm的属性和类等。在页面初始化结束后,如果动态的插入一个元素,往往显示很丑陋,因为没有插入jqm的样式。这个可以用浏览器里的开发工具来查看,会发现有些元素多了很多类,而动态插入的元素代码还是你写的那样子。

如果要使动态插入的元素具有jqm的样式,可以对jqm对象触发create事件:

代码如下:

$(selector).trigger('create'); 

create事件适用范围广,甚至可以是 不存在的元素(raw markup?),比如要插入一个按钮
代码如下:

$('dy button').appendTo('#content').trigger('create');

有些对象提供了refresh 方法,如listview、flip toggle。与create的区别是refresh方法需要作用在已存在的对象上,如

$('ul').listview('refresh'),而且refresh只会去更新新加入的元素,如listview里最新append的元素会更新,原有的保持不变。(不知有没理解错,有些没测试。原文http://stackoverflow.com/questions/7663078/jquery-mobile-page-refresh-mechanism

不使用jqm样式:

如果不希望jqm自动初始化你的元素,有两种方法。加入data-role="none"属性,或者在mobileinit事件中对keepNative选项进行配置

代码如下:

$(document).bind('mobileinit',function(){
 $.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
});

    
 
 

您可能感兴趣的文章:

  • jQuery 表格数据渲染插件 GraphUp
  • 页面元素绑定jquery toggle后元素隐藏的解决方法
  • jquery判断元素的子元素是否存在的示例代码
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jquery怎么判断元素的子元素是否存在
  • jquery获取一个元素下面相同子元素的个数代码
  • jquery中子元素和后代元素的区别示例介绍
  • jQuery 滑动方法slideDown向下滑动元素
  • JQuery元素控制方法汇总
  • 使用jquery prev()方法找到同级的前一个元素
  • jQuery each循环获取与搜索元素
  • jquery获取第几个元素方法示例 jquery选择器
  • jQuery如何获取与设置表单元素
  • jquery怎么判断html元素是否存在
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 元素缩放插件 Zoomooz
  • jQuery元素覆盖 Ezoverlay
  • jQuery元素滚动插件 simplyScroll
  • jQuery 追加元素的方法如append、prepend、before
  • jquery控制css元素的display(显示与隐藏)属性
  • jquery控制css display属性(控制元素显示与隐藏)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery动态添加option示例
  • jquery css类用法(添加、修改与删除css)
  • jquery 获取dom固定元素 添加样式的简单实例
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • jquery实现在页面加载的时自动为日期插件添加当前日期
  • JQuery如何为元素添加样式
  • jquery 取url参数及在url后添加参数的例子
  • jQuery动态添加、删除元素的方法
  • jQuery 如何先创建、再修改、后添加DOM元素
  • Jquery操作html标签及动态添加验证的例子
  • jquery动态添加删除一行数据实例
  • jquery实现Select option项的添加、删除、取值
  • jquery动态添加删除一行数据示例
  • JQuery textarea添加maxlength属性的例子
  • jQuery异步加载数据并添加事件示例
  • jquery 添加与删除节点的几种方法
  • 自写的jQuery异步加载数据添加事件
  • Jquery 添加内容自动刷新的实现代码
  • jQuery为文本框添加只读属性readOnly
  • Jquery动态添加及删除页面节点元素示例代码
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3