monacaで開発しており、index.htmlからdetail.htmlに飛んだ時に飛先のdetail.htmlでjasonを動かしたいのですが動いてる気配がなく困っています。
飛んだ際もスライドして飛び「ロード中」のようなページを読み込む感じもないのでそれでjsonが呼び出されていないのかとも色々と考えてます。
ご教示いただけると幸いです。
↓index.html↓
<script>
function categoryItem(url,title) {
// detail.htmlに遷移
myNavigator.pushPage("detail.html",{
animation: 'slideRight',
url : url, // 渡すデータ
title : title, // 渡すデータ
})
}
// detail.htmlのページ初期化のイベント
document.addEventListener("pageinit", function(e) {
if (e.target.id == "page-detail") {
// 渡したデータを取得して表示
var options = myNavigator.getCurrentPage().options;
$('#page-detail').find('.url').text(options.url);
$('#page-detail').find('.title').text(options.title);
}
}, false);
</script>
<li><a href="#" onClick="categoryItem('×××','楽しい系')">タイトル</a></li>
↓detail.html↓
$.ajax({
type: 'GET',
url: 'http://○○○.jp/json/楽しい系のjsonデータ.php',
dataType: 'json',
success: function(json){
var len = json.length;
for(var i=0; i < len; i++){
$("#list").append('<airtcle"></article>');
}
}
});
},false);
<body>
<section class="load__wrap">
<ons-navigator title="Navigator" var="myNavigator">
<ons-page id="page-detail">
<ons-toolbar>
<div class="title"></div>
</ons-toolbar>
<section id="list"></section>
</ons-page>
</ons-navigator>
</section>
</body>