phongap 및 jquery mobile을 사용하여 JSON을 사용하여 Wordpress 블로그의 최근 게시물을 나열한 다음 기사를 클릭 한 다음 당신은 전체 게시물. 내 코드는 모든 기사를 나열 할 수 있지만 문제는 div에 전체 아티클을 표시해야하는 코드가 작동하지 않는다는 것입니다.jquery mobile을 사용하여 div 새로 고침
<html>
<link href="jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<script src="phonegap.js" type="text/javascript"></script>
<script>
function onBodyLoad(){
document.addEventListener("deviceready",onDeviceReady,false); }
$(function(){
$.ajax({
url: "http://blog.smartapplications.co.zw/?json=get_recent_posts",
dataType: 'jsonp',
success: function(json_results){
console.log(json_results);
// Need to add UL on AJAX call or formatting of userlist is not displayed
$('#blogList').append('<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b"></ul>');
listItems = $('#blogList').find('ul');
$.each(json_results.posts, function(key) {
html = '<h3><a href="#post_id_'+json_results.posts[key].id+'">'+json_results.posts[key].title+'</a></h3>';
listItems.append('<li>'+html+'</li>');
});
// Need to refresh list after AJAX call
$('#blogList ul').listview();
$.each(json_results.posts, function(key){
div_html='<div data-role="page" id="#post_id_'+json_results. posts[key].id+'"><div data-role="header"><h1>'+json_results. posts[key].title +'</h1></div><div data-role="content ">'+json_results. posts[key].text+'</div></div>';
$('#content_blog').html(div_html);
});
}
});
})
</script>
</head>
<body onload = "onBodyLoad();">
<div data-role="page" id="page">
<div data-role="header">
<h1>Home</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page1">Latest Articles</a></li>
</ul>
</div>
</div>
<div data-role="page" id="page1">
<div data-role="header">
<h1>Latest Articles</h1>
</div>
<div data-role="blog_content" style="padding:0px;">
<div id="blogList"></div>
</div>
</div>
<div id="content_blog" data-role="slider">
</div>
</div>
</body>
</html>
그냥 쿼리 .. 왜 r u를 사용하여 jquery.mobile-1.0a3 .. u는 항상 최신 – ghostCoder