2013-06-12 2 views
0

this question을 기반으로 페이지를 동적으로 내 Phonegap 앱 (Jquery Mobile을 사용하여 빌드)에 추가했습니다. 먼저 성공하지만 자바 스크립트 파일을 최신 버전 (/jquery-1.8.2.min.js & jquery.mobile-1.2.0.min.js)으로 바꾸면 실패합니다.JQM에서 페이지를 동적으로 추가 - 아약스 전화

두 번째로 아약스 호출을이 동적 페이지 만들기에 통합하는 가장 좋은 방법을 알고 싶습니다. 나는 노력했지만 실패했다. Btw, 생성 된 링크가 el.link에서 호출되고 분명히 문서의 본문에서 div overzicht가 호출됩니다.

<link rel="stylesheet" href="themes/z33.min.css"/> 
<script type="text/javascript" src="jquery/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="jquery/jquery.mobile-1.2.0.min.js"></script> 

<script type="text/javascript"> 
$.ajax({ 
type: 'GET', 
jsonpCallback: 'jsonCallback', 
contentType: 'application/json', 
dataType: 'jsonp', 
url: 'http://mllsdemode.be/Ex-cache/expo1.php', 
success: function(json) { 
var $overzicht = $("#overzicht"); 
$overzicht.empty(); 
$.each(json, function(i, el) { 
$(document).ready(function(){ 
    for(i=0;i<20;i++){ 
    $('body').append('<div id="kunstenaars?id='+i+'" data-role="page"><div data-role="header"><h2>' + el.naam + '</h2></div><div data-role="content">' + el.pagina + '</div></div>').trigger('create'); 
    $overzicht.append("<a href=" + el.link + " data-ajax='false'><img src=" + el.img + "><div class='desc'>" + el.naam + "</div></a>"); 
}); 
}, 
error: function() { alert("Error reading jsonP file"); } 
}); 
</script> 

답변

0

확인 this 아웃, jsrender는 좋은 해결책

입니다
관련 문제