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

使动态生成的jquery Mobile元素立即生效的方法是增加以下一行代码：
$("#listView_Organization").listview("refresh");
这行代码的意思是在listview上进行及时刷新就可以使生成的mobile元素立刻生效了。
另外，如果是动态生成jquery mobile元素，如果直接添加在page上，则不会应用jquery mobile 的css，而是在通过设置地方才能生效。

Answer 3

$("#Logs").prepend(createWeibo(tempBean));
$("#Logs").listview('refresh');

我放在一起就没问题了。

只是生成了一长串html，只是 ul 下面的 li 成功了。

Answer 4

$("#Logs").prepend(createWeibo(tempBean));
$("#Logs").listview('refresh');