0
基于this question我尝试将页面动态添加到我的Phonegap应用程序(使用Jquery Mobile构建)。首先,我成功了,但是当我用更新的版本替换javascript文件(/jquery-1.8.2.min.js & jquery.mobile-1.2.0.min.js)时,它失败了。在JQM中动态添加页面 - ajax调用
其次,我想知道什么是最好的方法来将Ajax调用集成到这个动态页面制作中。我试过了,但又失败了。顺便说一下,创建的链接在el.link中调用,显然div在文档的主体中调用。
<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>