listview（）不工作

Question

我正在使用 jquery mobile 构建应用程序，我正在使用 ajax 将内容添加到 ul 标记中，但加载内容后，listview() 函数在控制台上抛出 js 错误并且无法正常工作。

我已经使用 jquery.mobile-1.0rc1.min.js 对其进行了测试 jquery 1.5 和 1.6。

检查我的代码：

var loaddata = function()
{
            var NPage  = $('#subCatView');

        var pContent = NPage.find('.content');
        pContent.empty();
        pContent.html('<ul></ul>');
        pList = pContent.find('ul');

        pList.html("<li>Test List Item</li>");
        pList.listview();
        $.mobile.hidePageLoadingMsg();
        return;
}

HTML：

<div id="subCatView" data-role="page"> 
  <div class="header" data-role="header" data-theme="a">
    <h1></h1>
  </div>
  <div class="content" data-role="content"></div> 
</div> 

错误：

错误：c[0] 未定义 源文件：http://localhost/jquerymobile/jquery-mobile/jquery.mobile-1.0rc1.min.js 线路：103

在pList.listview();上抛出错误，当我删除它时，错误删除，但显然没有创建listview。

当我使用 pList.listview('refresh');

我知道当我们追加更多项目时会使用刷新。

错误：未捕获的异常：无法在初始化之前调用列表视图上的方法；试图调用方法“刷新”

谢谢

Answer 1

尝试为您的<ul> 提供如下 ID：

<ul id='dataList1'></ul>

然后调用：

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