listview()不工作jquerymobile

时间:2011-10-17 06:55:33

标签: jquery jquery-mobile

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

我已经使用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> 

Erorr:

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

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

当我使用pList.listview(&#39; refresh&#39;);

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

错误:未捕获的异常:在初始化之前无法调用listview上的方法;试图调用方法&#39;刷新&#39;

由于

1 个答案:

答案 0 :(得分:0)

尝试为您的<ul> ID提供:

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

然后致电:

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