作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在 Jquery Mobile 上工作,我想在 ListView 中获取 Json 数据,如此链接 ListView 所示。我已经尝试使用 Jquery 和 Ajax 它是成功的。但进入 Jquery Mobile 数据未加载。为什么?
<强> JSFIDDLE
//code
var content='';
$.each(data,function(index,item){
content += '<img src="'+item.thumb+'" class="userimage">';
content += '<h3 class="userurl">'+item.keywords+'</h3>';
content +='<p class="username">'+item.bombscount+'</p>';
});
$('#ball').append(content);
最佳答案
工作示例:http://jsfiddle.net/Gajotres/QZ342/9/
<!DOCTYPE html>
<html>
<head>
<title>jQM Complex Demo</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
<!--<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>-->
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>
<div data-role="page" id="index" tabindex="0" class="ui-page ui-page-theme-a ui-page-active">
<div data-role="content" class="ui-content">
<ul data-role="listview" class="ui-listview" id="ball">
</ul>
</div>
</div>
</body>
</html>
$(document).ready(function(){
$.getJSON("http://www.myappdemo.net/dev_bloopit/index.php/bloopit/Bloops?userid=145&category=popular&start=0",function(data){
var content='';
$.each(data,function(index,item){
content += '<li><a href="index.html"><img src="'+item.thumb+'" class="userimage">';
content += '<h3 class="userurl">'+item.keywords+'</h3>';
content +='<p class="username">'+item.bombscount+'</p></a></li>';
});
$('#ball').append(content);
$('#ball').listview('refresh');
});
});
关于javascript - 如何在 Jquery Mobile 中加载 json 数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23784129/
我正在开发一个需要能够平均三个数字的 Facebook 应用程序。但是,它总是返回 0 作为答案。这是我的代码: $y = 100; $n = 250; $m = 300; $number = ($y
我只是无法弄清楚这一点,也找不到任何对我来说有意义的类似问题。我的问题:我从数据库中提取记录,并在我的网页上以每个面板 12 条的倍数显示它们。因此,我需要知道有多少个面板可以使用 JavaScrip
我是一名优秀的程序员,十分优秀!