Jquery Mobile 动态添加元素然后刷新 转

Jquery Mobile 动态添加元素然后刷新

(2013-05-09 12:39:05)

转载▼

标签:

it

分类: Mobile

jquery 表单元素每一个元素都有自己刷新的方法,每当改变它们的属性以后,都要执行这些方法,以下是实例:

复选按钮

$("input[type=‘checkbox‘]").attr("checked",true).checkboxradio("refresh");

单选按钮组:

$("input[type=‘radio‘]").attr("checked",true).checkboxradio("refresh");

选择列表::

var myselect = $("select#foo"); myselect[0].selectedIndex = 3; myselect.selectmenu("refresh");

滑动条

$("input[type=range]").val(60).slider("refresh");

开关 (they use slider):

var myswitch = $("select#bar"); myswitch[0].selectedIndex = 1; myswitch .slider("refresh");

时间: 2024-11-08 08:49:28

Jquery Mobile 动态添加元素然后刷新 转的相关文章

jquery mobile 动态加载标签时,无法正常展示样式

原因 在chrome中审查元素,发现其增加了很多没有直接写在页面上的标签和样式.页面标签首先经过jquery.mobile-1.4.5.min.js的处理,添加了许多标签,然后再用css布局 解决方案 1.将jquery.mobile-1.4.5.min.js处理后的样式动态添加,即将chrome中审查元素得到的完整元素及样式复制下来,动态添加 缺点:代码很多,而且加了很多奇怪样式和各种标签 2.refresh 各类标签的刷新 1.Textarea fields $('body').prepen

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

jquerymobile动态添加元素之后有些不能被正确渲染的解决方法: listview: 添加 jq(".detail").listview("refresh"); div或其他:添加.trigger( "create" ); create事件适用范围广,甚至可以是 不存在的元素(raw markup?),比如要插入一个按钮 $('<a data-role="button">dy button</a>

【javascript】JQuery动态添加元素

JQuery动态添加元素方法 append() 在父级最后追加一个子元素  appendTo() 在父级最后追加一个子元素  prepend() 在父级最前面追加一个子元素  prependTo() 在父级最前面追加一个子元素   after() 在当前元素之后追加(是同级关系)  before() 在当前元素之前追加(是同级关系)  insertAfter() 将元素追加到指定对象的后面(是同级关系 insertBefore() 将元素追加到指定对象的前面(是同级关系)    appendCh

jquery mobile页面跳转后,必须重新刷新页面js方可有效

最近在做个项目,用到jquery mobile,很陌生对他,问题一个个的来,那就要一个个解决,找了一天这个问题,放可明白:首先明白jqm里面页面跳转默认都是通过ajax请求的,必须重新刷新页面js方可有效,也就是js没有起作用,并不是js本身的问题,下面说说解决方法:在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"

jQuery动态添加元素无法触发绑定事件

用jquery动态添加元素后,发现给动态添加的元素无法触发事件.解决方案如下: 方法一:绑定live事件(live事件只在jquery1.9以下才支持,高版本不支持). 1 2 3 $(".newBtn").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以                alert('这里是动态元素添加的事件');            }) 方法二:利用on()事件绑定 ($(ParentEle)

【Jquery mobile】动态加载ListView 转

[Jquery mobile]动态加载ListView 分类: Jquery Mobile2011-12-01 09:04 13984人阅读 评论(1) 收藏 举报 jquerylistviewmobilestylesheetjavascriptlist 动态增加列表项是一个基本的功能,今天测试了一下.先贴下效果图: 点击“更多...”,就会增加列表项. 代码如下: [html] view plaincopy <!DOCTYPE html> <html> <head>

jquery mobile界面数据刷新

jquery mobile界面数据刷新 JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, select menus)里的数据时,必须做refresh操作. 为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似, 隐藏了原始的标签然后用一些新的标签和自定义的样式来表现原标签,其实新样式的标签已经不是原来的标签,所以更新了数据必须做refresh操作. 各类标签的刷新 1.Textarea fi

6 jQuery Mobile Api

jQuery Mobile提供了使用Javascript与框架(html5)通信以及进行内容管理的API.下面介绍具体事件. 文档事件 mobileinit事件会在jQuery Mobile框架载入内存之后.UI元素被渲染之前触发,开始使用这个事件处理程序改变一些UI全局选项. jQuery Mobile文档事件的执行顺序通常是: mobileinit ready load 使用方法:通常使用jQuery的bind方法在document元素上处理.$(document).bind('mobile

jQuery Mobile动态刷新页面样式

当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素.添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式.如下图所示: 代码如下: [html] view plain copy <script> function myFunction() { var ul = document.getElementById("myul"); var li1 = &q