JQueryMoblie动态刷新CSS和触发事件的探讨

zhgc

具备refresh方法的控件：

1，Collapsibleset Widget

2，Filterable Widget

3，Flipswitch Widget

4，Listview Widget

5，Rangeslider Widget

6，Selectmenu Widget

7，Slider Widget

8，Column-Toggle Table Widget

9，Reflow Table Widget

10，Tabs Widget

11，Toolbar Widget

zhgc

例如

1. <div id="testdiv">
   
2.   <ul></ul>
   
3. </div>
   
4. <div id="testdiv">
   
5.   <ul></ul>
   
6. </div>

复制代码

需要给<ul>里面动态添加的<li>标签添加click事件

jquery 1.7版以前使用live动态绑定事件

1. $("#testdiv ul li").live("click",function(){
   
2. });

复制代码

jquery 1.7版以后使用on动态绑定事件

1. $("#testdiv ul").on("click","li", function() {
   
2.      //do something here
   
3. });

复制代码

zhgc

1  Listview 的 refresh 操作:

   $('ul').listview('refresh');

2 Select menu 的 refresh 操作:

   var myselect = $("select#foo");

   myselect[0].selectedIndex = 3;

   myselect.selectmenu("refresh");

3 Checkboxes 的 refresh  操作:

   $("input[type='checkbox']").attr("checked",true).chec kboxradio("refresh");

4 Radio buttons 的 refresh 操作:

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

5. collapsibleset（注意是collapsible集合）的refresh操作：

   $( "#statistics2" ).collapsibleset( "refresh" );

zhgc

未验证过！


<label for="day">选择天</label>
<select name="day" id="day">
    <option value="mon">星期一</option>
    <option value="tue">星期二</option>
    <option value="wed">星期三</option>
    <option value="thu">星期四</option>
    <option value="fri">星期五</option>
    <option value="sat">星期六</option>
    <option value="sun">星期日</option>
</select>



//修改成星期四     先修改值  然后再刷新

$("#day").val("thu").selectmenu('refresh', true);