JQM Toggle switch、selectmenu动态设置默认选中值时没有效果的问题
2017-04-10 18:57
471 查看
静态时,ok,没问题,如下:
动态时需要jquery选择:
var storeNotification="on";
$("#swicher option[value='"+storeNotification+"']").attr("selected",true);
如果只写上面这句话时,不会有任何效果,需要加上下面这句:
$('#swicher').slider("refresh");
事实上,很多JQM控件在动态添加或删除时都有这样的问题,需要及时"refresh"。
见http://hi.baidu.com/life_to_you/item/bf3621365fa5974b033edcbc
下面是selectmenu的“refresh”
navbar动态生成不刷新?
http://blog.csdn.net/danielinbiti/article/details/27333311
<label for="swicher" class="ui-hidden-accessible">Notification:</label> <select data-track-theme="b" data-theme="c" name="swicher" id="swicher" data-role="slider" data-mini="true" onchange="onNotification(this)"> <option value="off">Off</option> <option value="on" selected>On</option> </select>
动态时需要jquery选择:
var storeNotification="on";
$("#swicher option[value='"+storeNotification+"']").attr("selected",true);
如果只写上面这句话时,不会有任何效果,需要加上下面这句:
$('#swicher').slider("refresh");
事实上,很多JQM控件在动态添加或删除时都有这样的问题,需要及时"refresh"。
见http://hi.baidu.com/life_to_you/item/bf3621365fa5974b033edcbc
下面是selectmenu的“refresh”
<fieldset data-role="controlgroup" > <select name="month" id="month" data-native-menu="true" data-theme="b"> <option value='' disabled selected>Month</option> </select> <select name="day" id="day" data-native-menu="true" data-theme="b"> <option value='' disabled selected>Day</option> </select> <select name="year" id="year" data-native-menu="true" data-theme="b"> <option value='' disabled selected>Year</option> </select> </fieldset>
var d = new Date(); var year=d.getFullYear(); var month=d.getMonth()+1; var day=d.getDate(); // log(year+"-"+month+"-"+day); var days=31; $("#change_birthday_page #month").empty(); $("#change_birthday_page #month").append("<option value='' disabled selected>Month</option>"); for(var i=1;i<13;i++){ $("#change_birthday_page #month").append("<option value='"+i+"'>"+i+"</option>"); } $("#change_birthday_page #day").empty(); $("#change_birthday_page #day").append("<option value='' disabled selected>Day</option>"); for(var i=1;i<days+1;i++){ $("#change_birthday_page #day").append("<option value='"+i+"'>"+i+"</option>"); } $("#change_birthday_page #year").empty(); $("#change_birthday_page #year").append("<option value='' disabled selected>Year</option>"); for(var i=1970;i<year;i++){ $("#change_birthday_page #year").append("<option value='"+i+"'>"+i+"</option>"); } $("#change_birthday_page #month").selectmenu( "refresh" ); $("#change_birthday_page #day").selectmenu( "refresh" ); $("#change_birthday_page #year").selectmenu( "refresh" );
navbar动态生成不刷新?
http://blog.csdn.net/danielinbiti/article/details/27333311
相关文章推荐
- 关于自定义dialog动态设置宽度没有效果问题
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- cell设置没有选中效果,tableVIew设置没有分割线
- 关于View 设置selector没有效果的问题
- [Qt]QWidget设置背景实际却没有效果的问题
- RadioGroup动态添加RadioButton,RadioButton设置默认选中第一个,点击其他的RadioButton第一个不再选中,第一个不再选中
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
- RadioButton设置默认选中后无法取消,可选中多个的问题
- 关于设置jQuery的animate动画没有显示效果的问题
- Android中“android:elevation”设置阴影,在真机上没有效果的问题
- c# listview 设置多选MultiSelect和行选FullRowSelect以及选项框CheckBoxes后多选默认选中问题
- document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题
- FIFO 进程间通讯过程设置了阻塞,没有效果 的问题与解决
- 动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题
- 关于android 动态设置view 样式 问题(默认style)
- Android 动态设置RadioButton选中和没选中的颜色及设置默认选中某一项
- 自定义cell需要动态设置内部控件的frame时没有效果
- 在我工作中,我想让RelativeLayout设置按钮的效果,但是有时候没有效果,下面的方法可以解决问题
- RadioGroup里设置RadioButton为初始的都不选中状态及设置默认选中出现的问题及解决方法
- 将SD卡的音频设置为手机铃声后删除,手机铃声没有恢复到默认的问题