界面数据发生变化时候刷新

$('ul').listview('refresh');

$("select#foo").selectmenu("refresh");

$("select[name='projectTime']").selectmenu("disable"); //设置不可用
$("select[name='otherTime']").selectmenu("enable");//取消不可用

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

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

 

1.Textarea fields

1 2	$( 'body' ).prepend( '<textarea id="myTextArea"></textarea>' ); $( '#myTextArea' ).textinput();

2.Text input fields

1 2	$( 'body' ).prepend( '<input type="text" id="myTextField" />' ); $( '#myTextField' ).textinput();

3.Buttons

1 2	$( 'body' ).append( '<a href="" data-theme="e" id="myNewButton">testing</a>' ); $( '#myNewButton' ).button();

4.Combobox or select dropdowns

1 2 3 4 5 6 7 8 9 10

<label  for = "sCountry" >Country:</label> <select name= "sCountry" id= "sCountry" > <option value= "" >Where You Live:</option> <option value= "ad" >Andorra</option> <option value= "ae" >United Arab Emirates</option> </select>   var  myselect = $( "#sCountry" ); myselect[0].selectedIndex = 3; myselect.selectmenu( 'refresh' );

5.Listviews

1 2 3 4 5 6 7

<ul id= "myList" data-role= "listview" data-inset= "true" > <li>Acura</li> <li>Audi</li> <li>BMW</li> </ul>   $( '#mylist' ).listview( 'refresh' );

6.Slider control

1 2 3 4 5 6

<div data-role= "fieldcontain" > <label  for = "slider-2" >Input slider:</label> <input type= "range" id= "slider-2" value= "25" min= "0" max= "100" /> </div>   $( '#slider-2' ).val(80).slider( 'refresh' );

7.Toggle switch

1 2 3 4 5 6 7 8 9 10 11

<div data-role= "fieldcontain" > <label  for = "toggle" >Flip switch :</label> <select name= "toggle" id= "toggle" data-role= "slider" > <option value= "off" >Off</option> <option value= "on" >On</option> </select> </div>   var  myswitch = $( "#toggle" ); myswitch[0].selectedIndex = 1; myswitch .slider( "refresh" );

8.Radio buttons

1 2 3 4 5 6 7 8 9 10 11 12 13

<div data-role= "fieldcontain" >      <fieldset data-role= "controlgroup" data-type= "horizontal" >        <legend>Layout view:</legend>            <input type= "radio" name= "radio-view" value= "list" />            <label for = "radio-view-a" >List</label>            <input type= "radio" name= "radio-view" value= "grid" />            <label for = "radio-view-b" >Grid</label>            <input type= "radio" name= "radio-view" value= "gallery" />            <label for = "radio-view-c" >Gallery</label>      </fieldset> </div>   $( "input[value=grid]" ).attr( 'checked' , true ).checkboxradio( 'refresh' );

9.Checkboxes

1 2 3 4 5 6 7 8 9

<div data-role= "fieldcontain" > <fieldset data-role= "controlgroup" > <legend>Agree to the terms:</legend> <input type= "checkbox" name= "checkbox-1" id= "checkbox-1" class= "custom" /> <label  for = "checkbox-1" >I agree</label> </fieldset> </div>   $( '#checkbox-1' ).attr( 'checked' , true ).checkboxradio( 'refresh' );

转载于:https://www.cnblogs.com/yabbi/p/4120000.html