jqueryMobile 动态添加元素,展示刷新视图的实现方法

jQuery Mobile的是一个很好的移动开发框架，你可能已经知道，虽然它有很多难以解决的问题，但是我相信后续版本jquery会修复……我是很喜欢jquery的。这并不是说它很完美无暇，很多开发人员遇到的情况也都难解决，比如：尝试使用代码来添加，更新或删除元素，使用JavaScript的页面跳转。在这篇博客文章中，我列出了一些动态添加组建重新刷新的方法。

1.Textarea field

$('body').prepend('');
$('#myTextArea').textinput(); 

2.Text input field

$('body').prepend('');
$('#myTextField').textinput(); 

3.button

$('body').prepend('');
$('#myTextField').textinput(); 

3.Combobox or select dropdowns

Country:

  Where You Live:
  Andorra
  United Arab Emirates

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

4.最常见的动态添加 listview>li 标签

  
A
  
B
  
C

 
$('#mylist').listview('refresh'); 

5.Slider control

  Input slider:
  

 
$('#slider-2').val(80).slider('refresh'); 

6.Toggle switch

  Flip switch:
  
    Off
    On
   

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

7.Radio

  

    
Layout view:
      
      List
      
      Grid
      
      Gallery
  

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

8.Checkboxes

  

    
Agree to the terms:
    
    I agree
  

 
$('#checkbox-1').attr('checked',true).checkboxradio('refresh'); 

还有很多还需要慢慢发现！我做的是一个移动点餐系统：目前产品界面显示如下图：不知道有没有谁自己封装的listview，或者号的插件推荐我使用的！或有更好的建议……欢迎发表。

以上这篇jqueryMobile 动态添加元素,展示刷新视图的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。