<head>
<meta name="format-detection" content="telephone-no">
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
</head>
<body>
<div data-role="page" id="main">
<script type = "text/javascript" >
$(document).on('pagebeforeshow', '#main', function() {
$.ajax({
url: "http://localhost/PhpProject1/index.php",
jsonpCallback: 'yes',
contentType: "application/json",
dataType: 'jsonp',
success: function(data) {
console.log(data);
var markup = "";
$.each(data.list, function(i, elem) {
var $template = $('<li> <div class=ui-grid-a > <div class=ui-block-a ><a >' + "yes" + '</a> </div> <div class=ui-block-b data-theme=a> ' + "vkmcmv" + '</div> </div> </li>');
$("#tweet-list").append($template);
});
$("#tweet-list").listview("refresh", true);
},
error: function(request, error) {
alert(error);
}
});
});
</script>
<div data-role="header" class="logo">
<img src="img/lanwa.png" />
<br/>
<h2>Lanwa Sales pad</h2>
</div>
<div data-role="content">
<ul id="tweet-list" data-role="listview" data-inset="true" data-filter="true" >
</ul>
</div>
<div data-role="footer">
</div>
</div>
</body>
我试过上面的代码来显示列表视图中的项目它工作正常。但设计还没有 虽然我导入了默认的样式表,但是应用于列表视图.Follwing图像将显示最终的结果如何来了
答案 0 :(得分:0)
1。)如果您需要3列,则必须使用ui-grid-b
代替ui-grid-a
2。)如果我理解正确,你想使用看起来像按钮的链接(见here)。在这种情况下,您必须在链接中添加data-role="button"
部分:
<a href="index.html" data-role="button">Link button</a>