javascript - 在 jquery mobile 中创建动态列表视图时，.listview() 不是函数错误

Question

我正在尝试在查询 facebook api 后在 jquery mobile 中创建一个动态列表视图，以检索用户的新闻提要。这是我标记的一部分：

markup += '<li><a href=""><img src="https://graph.facebook.com/' + id + '/picture">'+'<h4>' + name + '</h4><p>' + short_post +'....</p></a></li>';

然后我有，

 $(newsfeedposts).append(markup);

$(newsfeedposts).trigger("create");

但是在那之后，当我打电话给

$(newsfeedposts).listview("refresh");

我收到一个类型错误：TypeError: $(...).listview is not a function

我的 html div 标签是这个

  <div data-role="content"> <div class ="post">
    <ul data-role="listview"  class="ui-listview" id="newsfeedposts" data-divider-theme="b" data-theme="a" data-overlay-theme="a" data-autodividers="true" data-inset="true">
</ul>
  </div>

如果您确定我做错了什么，请告诉我。这已经花了很长时间...

Answer 1

您没有以正确的方式使用 jQuery-selector。要定位具有 id 的元素，请使用$('#element_id')and 作为具有 class 的元素$('.element_class')。因此，您的选择应如下所示。

$('#newsfeedposts').append(markup);

接着

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