深圳全飞鸿

标题: JQueryMoblie动态刷新CSS和触发事件的探讨 [打印本页]

作者: zhgc 时间: 2020-9-11 20:33
标题: JQueryMoblie动态刷新CSS和触发事件的探讨
具备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 时间: 2020-9-11 20:46
例如

<div id="testdiv">
<ul></ul>
</div>
<div id="testdiv">
<ul></ul>
</div>

复制代码

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

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

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

复制代码

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

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

复制代码

作者: zhgc 时间: 2020-9-18 11:06

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 时间: 2021-4-21 19:42
未验证过！

<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);

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)