我正在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移動樣式。請指導我。
重要提示:使用$(document).bind('pageinit'),而不是$(document).ready()http://jquerymobile.com/demos/1.2.0/docs/api/events.html –
刪除這個$(「#ulstorelist」)。trigger('create');這對我有效 –