jquery - リストビュー リンクは最初のアイテムに対してのみ機能します

Question

data-role="listview" 表示 JSON リストを使用すると、奇妙な問題が発生します。Android 画面リンクに表示された最初の項目のみが機能し、下にスクロールする他の項目は最初の項目に戻ります。私はjquerymbile 1.3.1を使用しています

overflow: scroll;
-webkit-overflow-scrolling: touch;

と

<script>
  $(document).bind("mobileinit", function(){
  $.mobile.touchOverflowEnabled = true;
  });
</script>

それでも同じ結果が得られますが、理由は何ですか?? 私のリストビュー:

<div data-role="page" id="getAll_JSON">
<div data-role="header" >
    <h1>info</h1>
</div>
<div data-role="content" >
  <ul id="sitesList" data-role="listview" data-filter="true" data-split-icon="gear" >
  </ul>
</div>
<div data-role="footer">
</div>

私のjquery ajax：

    $.ajax({
    url: mysite+"func=getM",
    data: 'lat='+lat+"&long="+long,
    dataType: "json",
    cache: false, 
    error: function () {
        $('#coupons').append('error');
        } ,
onFailure: function () {
        $('#coupons').append('failure');
        } ,
statusCode: {
        404: function() {
        alert("no info");
            }   
        } ,
success: function (result) {
    $.each(result.sites,function(index,dat){
    $("#sitesList").append(
    '<li onClick="getSite(' + dat.coupon_id + ')">'+
    '<a href="#detailsPage">' +
    '<img src="images/'+dat.coupon_img+'" style="float:left" width=80/>' +
    '<p style="white-space:normal; margin-right:2em;">name :     <strong>'+dat.coupon_name+'</strong></p>'+
    '<p style="white-space:normal; margin-right:2em;">info : '+dat.street+'</p>'+
    '<p style="white-space:normal; margin-right:2em;">add: '+dat.coupon_tmp+'</p>'+
    '</a></li>'
    );
});

$('#sitesList').listview('refresh');
}
})

Answer 1

問題が発生するかどうかわからない場合は、width=80追加リストを次width="80"のように変更してみてください。

$("#sitesList").append( 
'<li>'+
'<a href="#detailsPage" data-coupid="'+ dat.id +'">' + 
'<img src="images/'+dat.coupon_img+'" style="float:left" width="80" />' + 
'<p style=" margin-right:2em;">name : '+dat.coupon_name+'</p>'+ 
'<p style="white-space:normal; margin-right:2em;">info : '+dat.street+'</p>'+ 
'<p style="white-space:normal; margin-right:2em;">add: '+dat.coupon_tmp+'</p>'+ 
'</a></li>' );