在JQueryMobile頁面在第一次初始化進行一次整體渲染,動態產生的需要局部渲染。
在jquerymobile實現listview局部渲染的方法:
sb.append("");
sb. label>" item .found_time "
jquerymobile checkbox及時刷新才能取得其準確值
代碼如下:
用jquerymobile 做頁面,當勾選checkbox 時總是不能取得它正確的值。
解決方法:
[code]
$('input[type="checkbox"]').bind('click',function() {
prop('checked').checkboxradio("refresh"); // 綁定事件及時更新checkbox的checked值
});
如果要用js去更改的值時也要及時刷新。
$('input [type="checkbox"]').attr('checked',false).checkboxradio("refresh");
$('input [type="checkbox"] ').attr('checked',false).checkboxradio("refresh");
原因:因為手動改變它的值後,jquerymobile不能重新渲染。 這樣頁面顯示的數值和實際值就不一樣了。 (jquerymobile 把form表單元素都隱藏起來,然後用js添加了一些元素易於美化input, select ,textarea 等元素的效果)
[/code]
下拉框刷新 程式碼如下:
$("#selectbox").html(optionList).selectmenu('refresh', true );
代碼如下:
代碼如下:
> 🎜>$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");
單選按鈕組:
$("input [type='radio']").attr("checked",true).checkboxradio("refresh");
選擇清單::
var myselect = $("select#foo") ;
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");
滑動條
$("input[type=range]").val( 60).slider("refresh");
開關(they use slider):
var myswitch = $("select#bar");
myswitch[0].selectedIndex = 1;
select 停用樣式
button停用樣式ui-btn-hidden mobile-button-disabled " type="button" disabled="disabled"value="不可用"