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

最新推荐文章于 2019-11-12 15:34:39 发布

踏平扶桑

最新推荐文章于 2019-11-12 15:34:39 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET Jquery

本文链接：https://blog.youkuaiyun.com/wdw984/article/details/50577772

ASP.NET 同时被 2 个专栏收录

40 篇文章

订阅专栏

Jquery

11 篇文章

订阅专栏

本文详细介绍了在jQuery Mobile中更新组件内容后如何调用相应的刷新方法，确保内容变化得以正确显示。覆盖了从下拉组合框到按钮等常用组件的刷新技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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