jquerymobile各类标签的refresh jquery mobile 标签

JQM里面当我们更新了某些页面标签(如: listview, radiobuttons, checkboxes, selectmenus)里的数据时,必须做refresh操作.

为什么必须做refresh操作操作呢?因为JQM在做页面渲染的时候,为了使样式跟客户端程序相似,隐藏了原始的标签然后用一些新的标签和自定义的样式来表现原标签,其实新样式的标签已经不是原来的标签,所以更新了数据必须做refresh操作.




各类标签的刷新

1.Textarea fields

$('body').prepend('<textareaid="myTextArea"></textarea>');
$('#myTextArea').textinput();

-------------------------------------------------------------
2.Text input fields

$('body').prepend('<input type="text"id="myTextField" />');
$('#myTextField').textinput();

-------------------------------------------------------------

3.Buttons

$('body').append('<a href="" data-theme="e"id="myNewButton">testing</a>');$('#myNewButton').button();

-------------------------------------------------------------

4.Combobox or select dropdowns

<labelfor="sCountry">Country:</label>
<select name="sCountry"id="sCountry">
<optionvalue="">Where YouLive:</option>
<optionvalue="ad">Andorra</option>
<optionvalue="ae">United ArabEmirates</option>
</select>

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

-------------------------------------------------------------

5.Listviews

<ul id="myList" data-role="listview"data-inset="true">
<li>Acura</li>
<li>Audi</li>
<li>BMW</li>
</ul>

$('#mylist').listview('refresh');

-------------------------------------------------------------

6.Slider control

<div data-role="fieldcontain">
<labelfor="slider-2">Inputslider:</label>
<input type="range" id="slider-2"value="25" min="0" max="100" />
</div>

$('#slider-2').val(80).slider('refresh');

-------------------------------------------------------------

7.Toggle switch

<div data-role="fieldcontain">
<labelfor="toggle">Flipswitch:</label>
<select name="toggle" id="toggle"data-role="slider">
<optionvalue="off">Off</option>
<optionvalue="on">On</option>
</select>
</div>
jquerymobile各类标签的refresh jquery mobile 标签

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

-------------------------------------------------------------

8.Radio buttons

<div data-role="fieldcontain">
<fieldset data-role="controlgroup"data-type="horizontal">
<legend>Layoutview:</legend>
<input type="radio"name="radio-view" value="list" />
<labelfor="radio-view-a">List</label>
<input type="radio"name="radio-view" value="grid" />
<labelfor="radio-view-b">Grid</label>
<input type="radio"name="radio-view" value="gallery" />
<labelfor="radio-view-c">Gallery</label>
</fieldset>
</div>
$("input[value=grid]").attr('checked',true).checkboxradio('refresh');

-------------------------------------------------------------

9.Checkboxes

<div data-role=" fieldcontain">
<fieldsetdata-role="controlgroup">
<legend>Agree tothe terms:</legend>
<input type="checkbox"name="checkbox-1" id="checkbox-1"/>
<labelfor="checkbox-1">Iagree</label>
</fieldset>
</div>

$('#checkbox-1').attr('checked',true).checkboxradio('refresh');

-------------------------------------------------------------

10.controlgroup

$("#fieldNextNode").trigger('create');//发生cannot call methods oncheckboxradio prior to initialization; attempted to call method'refresh'……错误时
$("#fieldNextNode").controlgroup("refresh");




  

爱华网本文地址 » http://www.aihuau.com/a/25101014/235544.html

更多阅读

各类衣服的叠法 叠衣服技巧卷起来.

不是好多人都和我一样不会叠衣服啊!!  其实象我们的针织衫、运动衫之类的最好不要挂起来,因为俩面会撑出小翅膀来很难看,所以,最好是叠整齐放到抽屉中,那么,我们就来学习如何叠衣服吧!!整理好了不爱出褶、还整齐美观,一目了然···各类衣服

公文的格式和各类文种的范文 各类公文范文

2011-03-05 21:45:42|分类: 默认分类 |标签: |字号大中小订阅一、公文的格式《国家行政机关公文处理办法》规定,公文由“文头”、“主体”、“文尾”三部分构成,各部分由有关项目构成:文头部分:公文文头又叫公文版头,它位于公文首页的上方,

各类蔬菜的营养价值 蔬菜的营养价值及功效

各类蔬菜的营养价值蔬菜是维生素和矿物质的主要来源。此外还含有较多的纤维素、果胶和有机酸,能刺激胃肠蠕动和消化液的分泌,促进食欲和助消化的作用,属于碱性食品,对维持人体内的酸碱平衡有重要作用。平时我们都很发愁买什么菜?面对

各类不锈钢的焊接特点 各类休克的共同特点

各类不锈钢的焊接特点马氏体。可焊性较差,焊接时有强烈的淬火倾向,经焊接加热后在空气中冷却就能导致淬火,使焊缝和热影响区形成坚硬的马氏体组织,因温差引起的热应力和奥氏体转变为马氏体组织的相变应力的综合作用,导致焊后残余应力较

marquee标签的用法 marquee标签 w3c

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器:     格式:     [MARQUEE ALIGN="…"     BEHAVIOR="…"     BGCOLOR="…"     DIRECTION="…"     HEIGHT="…"  

声明:《jquerymobile各类标签的refresh jquery mobile 标签》为网友少年别走分享!如侵犯到您的合法权益请联系我们删除