我正在努力让 JQM 使用包含表单字段的列表视图重新初始化 jquery 页面。
其中一个表单元素被初始化为 JQM 正常初始化过程的一部分，即正确显示所有元素的所有正确类。
其他的都是用JQ的append动态添加的
动态添加元素时，我找不到重新初始化列表以将样式应用于所有内容的正确方法，该字段包含 div、标签和文本区域。
我已经准备了一个示例来展示我根据在 SO 和网络上发现的其他问题尝试过的重新初始化元素的不同方法。
http://jsfiddle.net/robaldred/UPsQr/
在我的示例中，第 5 行已正确初始化，但是它需要调用 fieldcontain() 方法和 textinput() 方法并手动将 ui-input-label 类添加到标签中。这感觉很麻烦，我一定是错过了什么。
【问题讨论】：
像这样在页面上触发创建事件：
$("#page").trigger("create");
创建与刷新：一个重要的区别
请注意，有一个 创建事件和刷新方法之间的重要区别 一些小部件有。 create 事件适用于增强原始标记 包含一个或多个小部件。应该使用刷新方法 在已被操作的现有（已经增强的）小部件上 以编程方式，需要更新 UI 以匹配。
例如，如果您有一个页面，其中动态附加了一个新的 页面创建后具有 data-role=listview 属性的无序列表， 在该列表的父元素上触发创建会改变它 进入列表视图样式的小部件。如果有更多的列表项 以编程方式添加，调用列表视图的刷新方法将 仅将那些新列表项更新为增强状态并离开 现有的列表项保持不变。
参考：http://jquerymobile.com/demos/1.0/docs/pages/page-scripting.html
更新了你的小提琴 - http://jsfiddle.net/UPsQr/2/
【讨论】：
工作示例：
JS
$('#add_element').click(function() {
var list = $('ul[data-role="listview"]');
var nextLi = ((list.children().length) + 1);
li = '<li><div data-role="fieldcontain"><label for="textarea'+nextLi+'">Input:</label><textarea id="textarea'+nextLi+'" name="textarea'+nextLi+'"></textarea></div></li>';
list.append(li);
list.listview('refresh');
$('#page').trigger('create');
});
//$('#add_element').hide();
HTML
<html>
<head>
</head>
<body>
<div id="page" data-role="page">
<!-- First field is done by jQM's normal initialization -->
<!-- The Rest are added onload and appended to the listview -->
<ul data-role="listview">
<li>
<div data-role="fieldcontain">
<label for="textarea1">Input:</label>
<textarea id="textarea1" name="textarea1"></textarea>
</div>
</li>
</ul>
<a data-role="button" id="add_element">Add Fields</a>
</div>
</body>
</html>
注意：
jQM 支持 jQuery 1.6.4
【讨论】：