2016-12-02 10 views
0

私はjQuery Mobileですべてのlistviewが垂直リストとしてデフォルト値を持っていることを知っていますが、私はアプリケーションで水平リストビューとして表示します。誰かが解決策を持っているのか、jQuery Mobileでこれをサポートしているのですか?データ型属性を水平にして追加しようとしましたが、機能しませんでした。jQueryモバイルで垂直リストビューを水平に変更する方法

HTMLファイル:

<div> 
    <div> 
     <ul data-role="listview" id="ul_kategoria"> 

     </ul> 
    </div> 
</div> 

JSONファイル:

$.ajax({ 
     url: "http://localhost/nailsvaraus/app/json/kategoriajson.php", 
     method: "get", 
     dataType: "json", 
     timeout: 5000 
    }).done(function(data){ 
     $("#").html(""); 

     for(var i=0; i < data.length; i++){ 
      var selector = "#ul_kategoria"; 
      var img = $("<img>"); 
      img.css("border-radius", "50%"); 
      $(selector).append("<li>"); 
      $(selector).append(img.attr("src", data[i].Kategoriakuva)); 
      $(selector.append("<h2>")); 
      $(selector).append(data[i].Kategorianimi + "</h2>"); 
      $(selector).append("<p>"+ "</p>"); 

      $(selector).append("</li>"); 
     } 
    }).fail(function(){ 
     $("#ul_kategoria").html("lista ei voi tehdä"); 
    }); 

enter image description here

答えて

0

私は等しいその後、設定幅のli幅、IMGとテキストはLiで追加する必要があり、間違ったコードを書きました20%と浮動小数点を残して、問題は解決しました!

関連する問題