この質問に基づいて、Phonegap アプリ (Jquery Mobile でビルド) にページを動的に追加しようとしました。最初は成功しましたが、javascript ファイルを最新バージョン (/jquery-1.8.2.min.js & jquery.mobile-1.2.0.min.js) に置き換えると失敗します。
次に、この動的なページ作成に ajax 呼び出しを統合する最良の方法を知りたいです。試しましたが、また失敗しました。ところで、作成されたリンクは 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>