您的位置:首页 > Web前端 > JQuery

Jquery Mobile中组件内容更新后的刷新办法

2016-01-25 10:13 609 查看
Jquery Mobile中组件内容更新后需要调用刷新方法,否则内容不会变化(比如 span select button等)

总结了一下,常用的组件对应的刷新方法如下:

1、Combobox or select dropdowns
var myselect = $("#sCountry");
myselect[0].selectedIndex = 3;
myselect.selectmenu('refresh');
or
$( ".selector" ).selectmenu( "refresh", true );

2、Listviews
$('#mylist').listview('refresh');

3、Slider control
$('#slider').val(80).slider('refresh');

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

5、Radio buttons
$("input[value=grid]").attr('checked',true).checkboxradio('refresh');
or
$( ".selector" ).prop( "checked", true ).checkboxradio( "refresh" );

6、Checkboxes
$('#checkbox-1').attr('checked',true).checkboxradio('refresh');
or
$( ".selector" ).prop( "checked", true ).checkboxradio( "refresh" );

7、Buttons
$( "[type='submit']" ).button( "refresh" );
or
$( ".selector" ).buttonMarkup( "refresh" );

8、Column-Toggle Table
$( ".selector" ).table-columntoggle( "refresh" );

9、Reflow Table
$( ".selector" ).table( "refresh" );

10、Span等
var c = "";
c="还剩:<span>00</span>天<span>00</span>小时<span>00</span>分<span>00</span>秒";
$("#p_time").html(c).trigger("create");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: