我知道在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ä");
});
答案 0 :(得分:0)
我写错了代码,img和text应该跟li一起追加,然后设置宽度li宽度等于20%并浮动左边,问题解决了!