Question

我正在尝试将包含数组的变量的输出格式化为Jquery移动列表。但是我只是得到一个正常的子弹列表。如果我将example Jquery mobile list代码复制到变量中并将其输出到html，我会得到一个列表但是没有来自Jquery移动设备的样式。看来变量输出无法看到来自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);

Answer 1

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

请勿在jQuery Mobile中使用.ready()，而是绑定pagecreate上的事件。

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

动态添加元素增强功能：

将项目动态添加到 div 时，您可以使用.enhanceWithin()一次性增强其中的所有元素。但是，如果要对小部件进行修改，例如 listview ，则需要使用小部件的函数.listview()。
```
$("#TomTop").html(output).enhanceWithin();
```

<强> Demo

JQuery Mobile格式变量输出到列表中

1 个答案: