我正在开发 jquery mobile。目前我正在使用 jquery.mobile.1.0.1 版本的 js 和 css。我有带有预填充数据的 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 移动样式都消失了。但是当我将内联样式编写为 li 时,它工作正常,但我需要 jquery 移动样式。动态生成列表视图项时如何保留 jquery 移动样式。请指导我。