2016-12-02 79 views
0

我知道jQuery Mobile中的所有listview都有一个默认值作为垂直列表,但我想在我的应用程序中显示为水平列表视图。有人有一个解决方案或为此做了jQuery Mobile支持,我尝试添加一个等于水平的数据类型属性,但它不起作用,也许它只适用于表单中的选择。如何在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ä"); 
    }); 

enter image description here

回答

0

我写了一个错误的代码,IMG和文本应礼,然后设置宽度李宽度等于被追加20%左右浮动,问题解决!