Question

我有滑块，每个滑块有5张图像。我正在加载页面加载10张图片。单击“下一步”我将使用insertitem添加另外5个图像。但是当我点击“下一步”时，它将转到第3页而不是第2页，内容将加载到第二页而不是第三页。

所以在分页项目符号中，选择了第3个项目符号，但是在第二页上插入了图像。理想情况下，它应该颠倒，因此，选定的项目符号应该是第二页，插入的项目应该加载到第3页。

以下是我使用的代码：

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

而不是＆＃34; false＆＃34;，将＆＃34; true＆＃34;对于origOrder参数解决了我的问题

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

点击下一步动态添加内容无法正常工作

1 个答案: