jquerymobile局部渲染的各種刷新方法小結_jquery

在JQueryMobile頁面在第一次初始化進行一次整體渲染，動態產生的需要局部渲染。

在jquerymobile實現listview局部渲染的方法：

複製程式碼 程式碼如下:

函數 queryPublishOrderList(trackOrDealOrInsp,userCode,type,pageNum){ 
    var queryPublishOrderListURL="http://xxx.xxx.xxx.xxx/Myapp/WorkOrderSelByTypeService.svc/WorkOrderSimpSelByType/Json/" trackOrDealOrInsp " /" userCode "/" type "/" pageNum; 
$。  
              $.each(data, function(i,item){ 
                  sb.append("

"); 
                sb.附加(“
• ” 5 ui-li-count'>” i“
” ); 
               sb.append("
• "); 
                               sb.append("

  工單編號: p>"); 
                 sb.append("

  創建人: Founder_na '>" item.Founder_na "

  "); 
                  sb. label>" item .found_time "
  "); 
                  sb. '>工單類型：" item.type_na ""); 
                  sb.append("

  工單內容:

  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;
  myswitch .slider("refresh"); 
  
  select 停用樣式 mobile-selectmenu-disabled ui-state-disabled" disabled="disabled"
  name="select-choice-1" aria-disabled="true" >
  
  Standard: 7 day
  Rush: 3 days
  Express: next day
  Overnight

  
  button停用樣式ui-btn-hidden mobile-button-disabled  " type="button" disabled="disabled"value="不可用" 

  aria-disabled="true">