如何使动态生成的jquery Mobile元素立即生效

需要使用 JQM 提供的 create 方法创建一次，才会附加上 JQM 的样式，立即生效；

如果是动态添加块状元素，如 div、p等：

1

$('selector').trigger('create')

如果是表单元素，如input、textarea、button等：

1

$('selector').textinput()

下拉元素，如select：

1

2

$('selector')[0].selectedIndex = 3 // 先给 select 赋值

$('selector').selectmenu('refresh') // 然后刷新

Toggle switch 控制：

1

2

3

var myswitch = $("#toggle")

myswitch[0].selectedIndex = 1

myswitch .slider("refresh")

slider 控制：

1

$('selector').val(value).slider('refresh')

listview 元素，如 li：

1

$('selector').listview('refresh')

radio 元素：

1

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

checkbox 元素：

1

$('selector').attr('checked',true).checkboxradio('refresh')

首先你需要取得动态数据 在加载页面的时候append到select控件上

$(document).ready(fuction(){

var list = 动态数据

for(i==0i<list.lengthi++){

$("selextID").append("<option value='"+list.value+"'>"+list.option+"</option>")

}

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

---