我从 php 中检索数据并将它们动态添加到列表视图中。如果我“即时”添加静态数据,一切看起来都很完美,但是当从 php 文件中检索数据时,jQuery Mobile 在我的列表条目之后添加了一个空格。有已知问题吗?!
我的 js 文件看起来像:
userda = '';
$.ajax({
type: "POST",
url: "userdata.php",
data: {"iduser": iduser},
dataType: 'json',
cache: false,
success: function(data1){
userda += '<li data-role="list-divider">Name</li>';
userda += '<li>'+data1.data.fname+' '+data1.data.lname+'</li>';
userda += '<li data-role="list-divider">Money</li>';
userda += '<li>'+data1.data.money+'</li>';
userda += '<li data-role="list-divider">Headlines</li>';
$.each(data1.headlines, function(i, currentObj) {
userda += '<li>' + currentObj + '</li>';
});
$('ul#userdatalist').html(userda).listview('refresh');
}
});
我的 HTML 文件看起来像
<ul data-role="listview" data-inset="true" data-theme="c" data-divider-theme="a" id="userdatalist">
</ul>
并且(json)数据看起来像:
{"data":{"fname":"test","lname":"test","money":"47"},"headlines":["Promis","Unterhaltung","Unterwaesche"]}
结果看起来像:http: //imageshack.us/photo/my-images/705/bildschirmfoto20120619uj.png/
我看不到任何问题,但我的第二个列表视图也有同样的问题。