0
나는 5 개의 이미지가있는 슬라이더가 있습니다. 페이지로드시 이미 10 개의 이미지를로드 중입니다. "다음"을 클릭하면 insertitem을 사용하여 5 개의 이미지를 추가하고 있습니다. 하지만 "다음"을 클릭하면 두 번째 페이지가 아닌 세 번째 페이지로 이동하고 세 번째 페이지가 아닌 두 번째 페이지에 콘텐츠가로드됩니다.다음을 클릭 할 때 동적으로 콘텐츠 추가가 제대로 작동하지 않습니다.
그래서 페이지 매기기 글 머리 기호에서는 세 번째 글 머리 기호가 선택되지만 이미지는 두 번째 페이지에 삽입됩니다. 이상적으로 그것은 반전되어야하므로, 선택된 글 머리 기호는 두 번째 페이지 여야하고 삽입 된 항목은 세 번째 페이지에로드되어야합니다.
$("#carousel").carouFredSel({
circular : false,
infinite : false,
auto : false,
responsive : true,
swipe : {
onTouch : true,
onMouse : true,
duration : 300
},
items: {
visible : { min: 2, max: 5},
width : 210,
height : "76%"
},
scroll:5,
prev : {
button : "#prev",
duration : 500
},
next : {
button : "#next",
duration : 500,
onAfter: function(data) {
// this is a fake AJAX request, you should use the real deal.
fakeAjax({
url: 'your/url',
success: function(newitems) {
$('#carousel').trigger('insertItem', [$(newitems), "end" , false, 0]);
},
error: function(err){
alert(err);
}
});
}
},
pagination : {
container : "#pag",
duration : 500
}
});
// The fake AJAX function:
var num = 1, max = 10;
function fakeAjax(options) {
num++;
if (num);
}
}