静态时,ok,没问题,如下:
<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
分享到:
相关推荐
jqm模仿iPhone桌面菜单,jqm实战开发,jqm开发例子Demo jqm模仿iPhone jqmDemo jqm例子 jqm实战开发 jqm选项卡 使用jqm实现iPhone桌面功能,jQuery Mobile实现选项卡功能
jqm文件上传,上传图片,jqm的表单操作,jqm的ajax的使用,jqm文件操作大全,文件操作demo
jqm中文时间控件,在手机web开发上应该有所帮助
一个jqm的实例,一个前端的运用,有关播放器的
jqm的多列布局demo,html5的多列布局demo,多列布局的详细讲解,html5开发实例详解
http://blog.csdn.net/chelen_jak/article/details/19397569 源码
事实上,当 JQM 致力于统一和优化这个代码基时,jQuery 核心库受到了极大关注。这种关注充分说明,移动浏览器技术在极短的时间内取得了多么大的发展。 与 jQuery 核心库一样,您的开发计算机上不需要安装任何东西;...
《jQuery Mobile实战》源码
JQM1.4.5-DEMOS JQM 移动演示 1.4.5
JQM301语音模块,语音模块,JQM301语音芯片,MP3语音芯片.pdf
jqm+ phonegap编写的联系人小例子 可以动态的读取联系人 ,增加联系人删除联系人,修改联系人功能没有写,编写过程中发现了官方文档的几处错误转载请注明作者出处
很简单的例子,适合不知道android怎么用html做界面和JQM写法的初学者,里面有apk文件可以安装看效果,若有不足,请指教!
JQM301语音模块,语音模块,JQM301语音芯片,MP3语音芯片[汇编].pdf
jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮jQueryMobile jqm jqm按钮隐藏 jqm按钮显示 jqm按钮事件 jQuery Mobile(jqm)input按钮的隐藏和显示 a标签的隐藏和显示 圆角按钮的css样式控制
jQM:jQM文档的免费社区应用程序的源代码
简单的demo websocket+jqm+jqplot。需要自己写后台支持websocket通信
样品101 示例 jqm 模板
jqm4gwt.zip,jqm4gwt与jquery mobile的所有dependenciesgwt库捆绑在一起
jQM Autocomplete是一个自动提示相关内容的jQuery Mobile搜索插件。用户在搜索框输入前几个字母或是汉字的时候,Autocomplete就能从存放数据的文本或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,...