jQuery mobile listview没有'；行不通

我正在为android开发phonegap应用程序。 当然，我使用jQuery mobile。现在我制作了一个有3个标签的导航栏， 当我更改选项卡时，取消内容更改而不重新加载导航栏。我用 一个单独的javascript来更改内容

但是现在我正在开发一个listview，就像你在jQuery手机演示中看到的那样。 问题是这不起作用。您不会看到“类似listitem的应用程序”， 但您会看到一个带有listitemname的点，一个没有任何css的html listitem

listview位于“page_zoek_category”中，其中有一个“content_zoek_category”，您可以在其中找到listview“list_category”

我的html脚本：

<div data-role="page" id="page_main">
  <div data-role="navbar">
      <ul>
          <li><a id="tab_home" href="#" class="ui-btn-active">Home</a></li>
          <li><a id="tab_zoek" href="#" >Zoek</a></li>
          <li><a id="tab_scan" href="#" >Scan</a></li>
      </ul>
  </div>

  <div data-role="content" id="content_main">
  </div>
</div>

<div data-role="page" id="page_home">
  <div data-role="content" id="content_home">
    home
  </div>
</div>

<div data-role="page" id="page_zoek_category">
  <div data-role="content" id="content_zoek_category">
      <ul data-role="listview" id="list_category" data-inset="true">
          <li><a href="#">Acura</a></li>
      </ul>
  </div>
</div>

<div data-role="page" id="page_zoek_detail">
  <div data-role="content" id="content_zoek_detail">
      zoek_detail
  </div>
</div>

<div data-role="page" id="page_scan">
  <div data-role="content" id="content_scan">
      scan
  </div>
</div>

加上这个

$("#tab_zoek").click(function () {
    $('#content_main').html($('#content_zoek_category').html());
    $('#page_main').trigger( "create");
});

第二种方式：

$("#tab_zoek").click(function () {
    $('#content_main').html($('#content_zoek_category').html());
    $('#list_category').listview().listview("refresh");
});

---

如何更新listview？目前它是一个静态listview，只有一个listview项。但因为这不起作用，我还不打算用json填充它。创建此列表的三行代码应该可以工作，因为我在一个单独的文件中尝试过它，但在这个脚本中它不起作用。非常有效。另一个问题是，listview不是整个屏幕宽度的原因是什么。（这是te page role=“content”吗？

$("#tab_zoek").click(function () {
    $('#content_main').html($('#content_zoek_category').html());
    $('#list_category').listview().listview("refresh");
});