後、私はAJAX呼び出しが成功し、ここでpagination plugin.jQueryのは、forループのAJAX呼び出し
に結果を追加することが私のコードされた後、データが返さループにしようとしています:
var imagesPerPage = 2, pageNumber = 1;
var pagesContainer = $('#pagesContainer'),
imagesInPage = 0,
divPage = $("#p1");
$.ajax({
type: "POST",
url: "Default.aspx/GetImages",
data:{},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
//Here goes my for loop
}
});
これは私のループ場所のためにあります私はwebmethodから画像を取得し、それらをループし、改ページに追加する必要があります。ここで
for (i = 0; i < response.d.length; i++) {
if (imagesInPage >= imagesPerPage) {
imagesInPage = 1;
pageNumber += 1;
divPage = $('<div/>', { id: "p" + pageNumber }).addClass('pagedemo').hide().appendTo(pagesContainer);
} else {
imagesInPage += 1;
}
}
は私のページネーションのデフォルトの設定である:私は1枚の画像の応答を取得しようとすると、今、私の問題は、それが私の画像だけでなく、pagination.Ifそれを示していないされて
$("#pagination").paginate({
count: pageNumber,
start: 1,
display: Math.min(7, pageNumber),
border: true,
border_color: '#fff',
text_color: '#fff',
background_color: 'black',
border_hover_color: '#ccc',
text_hover_color: '#000',
background_hover_color: '#fff',
images: false,
mouse: 'press',
onChange: function (page) {
$('#paginationdemo ._current').removeClass('_current').hide();
$('#p' + page).addClass('_current').show();
}
}); //pagination
それが複数の場合は、ページングとイメージを表示し始めます。
スクリーンショット:
だから誰も私が間違っているところをつもりだ私を言うことができますか?
「i + = 1」の代わりに「i ++」を使用 –
ajaxが1つのイメージのみを返すときにjsonオブジェクトを投稿できますか?その特定のケースでは 'd'オブジェクトが内部にないかもしれません – fcalderan
@ DotNETNinja-Where?私は++を使いました。 – coder