2011-10-17 79 views
0

我使用jQuery移動構建應用程序,我使用AJAX添加內容到UL標籤,但在加載內容後的列表視圖()函數拋出JS錯誤控制檯上,而不是工作。列表視圖()不工作jquerymobile

我已經與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();,當我將其刪除,刪除錯誤,但顯然不創建列表視圖。

當我使用pList.listview( '刷新');

我知道刷新用來當我們追加更多的項目。

錯誤:未捕獲的異常:不能調用在初始化之前ListView的方法;試圖調用方法 '刷新'

感謝

回答

0

先給你<ul>的ID,如:

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

然後調用:

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