Javascript Jquery Mobile：当listview（）函数不起作用时，如何设置动态添加的列表项的样式？

我对jQuery Mobile和jQuery都是新手，遇到了一个问题。我已经使用2个AJAX调用（来自两个源的数据）填充了一个列表。第二个调用位于第一个调用中，因此它总是在第一个调用之后执行。除了数据源之外，调用是相同的，如下所示：

HTML:

或

返回错误

$（…）。listview

不是一个函数

在控制台中。职能：

$('#allVideosList').listview('refresh');

$('#allVideosList').trigger('create');

不会改变任何事情

如果我将变量html打印到控制台，复制其内容，并将其添加到另一个页面的列表中，则样式应用正确。例如：

HTML:

JAVASCRIPT:
var html=“”；
html='
'
$（“#allVideosList”）.append（html）

---

很好。如何将样式应用于动态加载的列表？

我在我的一个项目中做了类似的事情。我有过类似的问题，但这是目前适用于我的代码

$("#myList").append(myjsonobject.someListItems).listview("refresh");

---

如您所见，您可以在追加调用的同一行中添加listview函数调用。如果没有更多的代码，很难判断这是否能解决您的问题。

@Ross

pagecreate

不适用于此。确保

listview（）

放置在循环之外，而不是单独放置。如果在附加项之前调用它，则会出现错误。@ross使用

pagecreate

会导致重复增强。

$('#allVideosList').listview();

$('#allVideosList').trigger('create');

<div data-role="content" id="list">
    <ul data-role="listview" data-inset="true" data-theme="a" data-filter="true" id="allVideosList">

    </ul>

JAVASCRIPT:

var html = "";
html = '<li data-filtertext="insert text here"><a href="index.html?id=146">Name</a></li><li data-filtertext="insert text here 2"><a href="index.html?id=147">Name 2</a></li>'
$("#allVideosList").append(html) 

$("#myList").append(myjsonobject.someListItems).listview("refresh");