Javascript 使用JQuery mobile创建ListView不会'；我不能正常工作

使用jquerymobile，我想将ullistview添加到一个窗口中，通过JScript动态创建它，但出现了一个问题

当我将ListView添加到HTML时，一切正常。定义看起来像

    ...            
        <div data-role=content>
             <ul id='listviewAktuelleChecklist' data-role=listview data-theme="d" data-divider-theme="d" data-inset=true>
                <li id="listDividerAktuelleChecklist" data-role=list-divider>yyy Checklist</li>
                <li id='LoadChecklist'> <a> Checkliste von Market-Value laden </a></li>
            </ul>
        </div>
   ...

。。。

数据角色=列表分割器>yyy检查表

顶部的ListView是我通过HTML定义得到的，在“OK”按钮下面是生成的内容（对于那些没有查看图片的人：生成的Listviw显示为普通的HTML“ul”，带有项目符号…）

我使用了这个代码：

$("#BTN1").bind  ("click", function (event)
{
 var html = "";
 html += "<ul id='ChecklistListea' data-role=listview data-theme='d' data-divider-theme='d' data-inset=true>"
 html += '<li id="listDividerAktuelleChecklista" data-role=list-divider>yyy Checklist</li>'
 html +=   "<li id='LoadChecklista'> <a> Checkliste laden </a></li>";
 html += "</ul>";
 $(html).appendTo('#DivChecklistListe');

    $("#ChecklistListe").listview("refresh");

});

$（“#BTN1”）.bind（“单击”），函数（事件）
{
var html=“”；
html+=“
”
html+='
yyy检查表
html+=“
Checkliste-loaded
”；
html+=“
”；
$（html）.appendTo（“#DivChecklistListe”）；
$（“#checklist”）.listview（“刷新”）；
});

我尝试了一些不同的方法来创建动态HMTL，但结果总是一样的

有人知道这里出了什么问题吗

ps：如果我直接在HMTL中定义ListView，并且只添加ListItems，那么一切都正常
 首先，您在错误的id上调用refresh，但即使是在正确的id下，这也不会起作用。这是因为您正在从头创建一个包含内部li元素的列表视图ul元素

在这种情况下，调用listview（“刷新”）是不够的，因为必须先初始化listview，然后才能刷新它

可以这样做：

$("#ChecklistListea").listview().listview("refresh");

第一个调用将初始化listview，第二个调用将设置它的样式

工作示例：
太好了！谢谢你，这就成功了！我应该早点问的，我可以省下两天的时间。。。