jQueryMobile在開發中的知識總結

問題一：對話框

    對話框大小設置：

.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { 
 max-width: 500px;  margin: 10% auto 15px auto; 
}

 對話框背景遮罩層顯示：

data-overlay-theme="a | b | c | d | e"

 問題二：列表

    調用ListView列表的插件：$('#mylist').listview();

    更新列表：$('#mylist').listview('refresh');

問題三：表單結構

   刷新表單元素：

  複選框:

 $("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");

  單選框:

$("input[type='radio']").prop("checked",true).checkboxradio("refresh");

  下拉菜單:

var myselect = $("#selectfoo");myselect[0].selectedIndex = 3;myselect.selectmenu("refresh");

  Sliders:

$("input[type='range']").val(60).slider("refresh");

  開關:

var myswitch = $("#selectbar");myswitch[0].selectedIndex = 1;myswitch.slider("refresh");