JSONデータで応答するAJAXを使用して投稿をロードしているjspページがあります。HTML は Mustache レンダラーを使用してレンダリングされます。問題は、このシナリオを使用してこの無限スクロールをどのように使用できるかです。jQuery load() メソッドを使用できることを読みましたが、機能させることができません。誰かが私を案内してくれれば、それは役に立ちます。
var data = "";
$.getJSON("/ajax?command=getposts", function(returnedData){
console.log("bar"+returnedData);
var data = JSON.parse(JSON.stringify(returnedData));
//alert(JSON.stringify(returnedData));
console.log(data);
$.get('temp.html', function(templates)
{
var tpl = $(templates).filter('#content').html();
//console.log(data);
var html = Mustache.to_html(tpl, returnedData);
$('#posts').html(html);
$('#posts').imagesLoaded(function() {
$('#posts').freetile({
animate: true,
elementDelay: 30
});
});
});
});
これは、コンテナに投稿をロードするために使用する Jquery コードです。ユーザーがスクロールするたびにこのメソッドを呼び出す無限スクロールを実装したいと考えています。