Question

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

Answer 1

需要使用 JQM 提供的 create 方法创建一次，才会附加上 JQM 的样式，立即生效； 如果是动态添加块状元素，如 div、p等： $('selector').trigger('create'); 如果是表单元素，如input、textarea、button等： $('selector').textinput(); 下拉元素，如select： $('selector')[0].selectedIndex = 3; // 先给 select 赋值$('selector').selectmenu('refresh'); // 然后刷新 Toggle switch 控制： var myswitch = $("#toggle");myswitch[0].selectedIndex = 1;myswitch .slider("refresh"); slider 控制： $('selector').val(value).slider('refresh'); listview 元素，如 li： $('selector').listview('refresh'); radio 元素： $("input[value=value]").attr('checked',true).checkboxradio('refresh'); checkbox 元素： $('selector').attr('checked',true).checkboxradio('refresh');

Answer 2

需要使用 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');