Как изменить вертикальный список в горизонтальном в jQuery mobile

Question

Я знаю, что в jQuery Mobile все listview имеют значение по умолчанию в виде вертикального списка, но я хочу показать в своем приложении горизонтальное 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 и текст должен быть присоединять с Ли, а затем установить ширину ширину Li равной 20% и поплавок влево, проблема решена!