如何在jQuery mobile中将垂直listview更改为水平

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和text应该跟li一起追加，然后设置宽度li宽度等于20％并浮动左边，问题解决了！