2013-02-07 44 views
2

我正在jquery mobile上工作。目前我正在使用jquery.mobile.1.0.1版本js和css。我有一個類似的預充式數據jQuery Mobile的列表視圖,如何保存動態填充列表視圖時的jquery移動樣式

<ul id="ulstorelist" data-role="listview" data-theme="d" data-divider-theme="d"> 
<li>Items ToDay</li> 
. 
. 
<li>Item Week</li> 
. 
. 
<li>Item month</li> 
. 
. 
<li>Item 4</li> 
. 
. 
</ul> 

我需要過濾與像用戶不同的搜索指標分析上述列表視圖可以通過過濾的今天,這一週,一個月等,讓我決定使用jQuery的Ajax調用從我的行動(MVC)獲取數據並生成清單,然後附加到父UL列表視圖一樣,

$(document).ready(function() { 
     $('#btnToday').click(function() { 
      $.ajax({ 
       url: '/FieldVisit/GetTodaystores', 
       data: {}, 
       type: 'get', 
       success: function (data) { 

        $.each(data, function (k, v) { 

         var g = "<li <a href='#'>>" + 
           "<h3>" + v.CompanyName + "</h3>" + 
           "</a></li>"; 
         $("#ulstorelist").append(g); 
         $("#ulstorelist").listview('refresh'); 
         $("#ulstorelist").trigger('create'); 
        }); 
       } 
      }); 
     }); 
}); 

但jQuery Mobile的樣式所有人都消失了。但是當我寫內聯風格來李工作正常,但我需要jQuery的移動樣式。如何動態生成listview項目時保留jquery移動樣式。請指導我。

+0

重要提示:使用$(document).bind('pageinit'),而不是$(document).ready()http://jquerymobile.com/demos/1.2.0/docs/api/events.html –

+0

刪除這個$(​​「#ulstorelist」)。trigger('create');這對我有效 –

回答

0

這可能是你的問題:

var g = "<li <a href='#'>>" + 

...這也許應該是:

var g = "<li><a href='#'>" + 

它並不少見,無效的HTML引起各種佈局問題。

0

可能嘗試調用$(「#ulstorelist」)。listview('refresh');在$ each循環之後。我不確定在觸發創建之前調用它可能是一個問題。