Динамическое добавление содержимого при следующем щелчке не работает

Question

У меня есть слайдер с 5 изображениями в каждом. Я загружаю 10 изображений уже на загрузку страницы. при щелчке «next» Я добавляю еще 5 изображений, используя insertitem. , но когда я нажимаю «Далее», он будет на третьей странице вместо второго, а контент загружается на вторую страницу вместо третьей.

так что в пули для паганинга выбрана третья пуля, но изображения вставляются на вторую страницу. в идеале он должен быть отменен, поэтому на выбранной пуле должна быть вторая страница, а вставленный элемент должен быть загружен на третьей странице.

Вот код, который я использовал:

$("#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); 
} 
} 

Answer 1

Вместо «ложь», поставив «истина» для origOrder параметра решается вопрос для меня

$('#carousel').trigger('insertItem', [data.popup_images, 'end', true, -1]);