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

2025-05-21 02:37:07
推荐回答(1个)
回答1:

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