JQuery移动格式变量输出到列表中

我试图将包含数组的变量的输出格式化为Jquery移动列表。然而，我只是得到了一份普通的子弹清单。如果我将代码复制到一个变量中并将其输出到html中，我会得到一个列表，但是Jquery mobile没有样式。 变量输出似乎无法从Jquery mobile查看样式信息？页面的其余部分显示正确

此代码与我指向CSS/JS文件的链接位于同一页面上的函数中，并在单击时加载

 var output = '<ul data-role="listview" data-inset="true">';
 for(name in results){
 output += '<li>'+results[name]+'</li>';
 }
 output += '</ul>';


 $("#TomTop").html(output);

var output='
；
对于（结果中的名称）{
输出+='
'+结果[名称]+'
'；
}
输出+='
'；
$（“#TomTop”）.html（输出）；

根据您提供的小提琴，您必须进行以下更改

• 不要在jQuery Mobile中使用

  .ready（）

  ，而是在

  pagecreate

  上绑定事件

  $(document).on("pagecreate", "#Page_ID", function () {
    $(".selector").on("click", function () { });
  });
  

• 动态添加元素增强：
  在向div动态添加项时，可以使用

  .enhanceWithin（）

  一次增强其中的所有元素。但是，如果您想对小部件（即listview）进行修改，则需要使用小部件的函数

  .listview（）

---

$（“[data role=listview]”）。listview（）

在

$（“#TomTop”）.html之后（输出）

@Omar谢谢，为什么数据角色需要声明两次？此外，我现在在每个列表项的样式之间获得了一个空间，即第一个项目是正确的样式，第二个项目是正确的样式，但是列表项之间没有相互接触，而是有一个10px左右的gab？您所说的两次

数据角色

是什么意思？如果

#TomTop

是listview的id，那么

var output='检查此项，彻底检查代码@Omar它是我意外复制到的尾部标记。如果你把你的答案放在一个问题上，我会接受的。
$("#TomTop").html(output).enhanceWithin();