jCarousel を使用して、+-1000 個の名前の垂直スクロール リストを表示しています。私は ajax を使用して一度に 100 レコードのデータをロードしています。すべてのデータがロードされたら、jCarousel を DOM でループさせます。私は ajax とループをすべて動作させていますが、総レコード数がどれほど大きくなってもコードを動作させたいと考えています。
1) 1201という固定番号をなくして変数にしたい。2)私は現在、私が見るすべてのレコード(carousel.first)をループして、リロード位置と一致するかどうかを確認します(ループはわずか12xですが、それでも少し「ルーピー」に見えます)
これを改善するための提案はありますか?
function mycarousel_itemLoadCallback(carousel, state) {
//if (carousel.has(carousel.first, carousel.last)) {
//return;
//}
var getCount = 100; // Number of records to grab at a time
var maxCount = 1201; // total possible number of records
var visible = 9; // the number of records you can see in the window so this creates a pre-load by this number of records
for (var i = 1; i < maxCount; i+=getCount ) {
if (carousel.first === 1 || carousel.first === (i-visible)){
var getFrom = i;
var getTo = getFrom+(getCount-1);
//alert('TOP Record ='+carousel.first+'\n Now GET '+getFrom+'-'+getTo);
jQuery.get('#ajaxscript#', {
first: getFrom,
last: getTo
},
function(xml) {
mycarousel_itemAddCallback(carousel, getFrom, getTo, xml);
},
'xml'
);
break;
}
}
};