1

我从 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/

我看不到任何问题,但我的第二个列表视图也有同样的问题。

4

1 回答 1

0

两个想法:

  1. 您是否有任何 .live() 或 .delegate() 函数可能会弄乱您的列表?

  2. 您可以尝试使用标准 for 循环并与 jquery 结合使用(因为您使用的是标准 js 而不是 'success' 中的 jquery)或因此在您的 .each()-loop 中使用 jquery:

    var $ul = $('ul#userdatalist'); // selector to the ul being filled 
                                    // (btw: since an id has to be unique, 
                                    // it is useless to prepend the tagType
    
    $ul.append(userda); // this is the jquery way -
                        // more or less ;)
    
    for (var i = 0;i < data1.headlines.length; i++) {
        $e = $("<li/>").text(data1.headlines[i]); // you could do this in your 
                                                  //.each()-loop as well, thus 
        $u.append($e);                            // sticking to jquery            
    }
    
于 2012-08-10T12:14:36.760 回答