如何在jQuery Mobile中將垂直列表視圖更改爲水平

Question

我知道jQuery Mobile中的所有listview都有一個默認值作爲垂直列表，但我想在我的應用程序中顯示爲水平列表視圖。有人有一個解決方案或爲此做了jQuery Mobile支持，我嘗試添加一個等於水平的數據類型屬性，但它不起作用，也許它只適用於表單中的選擇。

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ä"); 
    }); 

Answer 1

我寫了一個錯誤的代碼，IMG和文本應禮，然後設置寬度李寬度等於被追加20％左右浮動，問題解決！