在 JQM 中动态添加页面 - ajax 调用

Question

基于this question，我尝试将页面动态添加到我的Phonegap 应用程序（使用Jquery Mobile 构建）。首先我成功了，但是当我用更新的版本（/jquery-1.8.2.min.js 和 jquery.mobile-1.2.0.min.js）替换 javascript 文件时，它失败了。

其次，我想知道将 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>

Answer 1

检查this，jsrender是一个很好的解决方案