我有一个javascript函数,每次在幻灯片中更改滑块时运行,检查2个条件:
这是幻灯片中的最后一张幻灯片吗? activeIndex是否小于所有幻灯片来自的数据库表的记录总数?
如果是,从数据库中获取3条与javascript activeIndex相同的记录,并将结果附加到滑块。
我可以做一些post和返回结果到mySwiper的值。appendSlide 方法?
...
keyboardControl: true,
onSlideNextStart: function(){
if ((mySwiper.isEnd == true) && (mySwiper.activeIndex < <?php echo $totalCount; ?>)) {
mySwiper.appendSlide('***return HTML here from post***');
}
}
您需要使用ajax:
keyboardControl: true,
onSlideNextStart: function(){
if ((mySwiper.isEnd == true) && (mySwiper.activeIndex < <?php echo $totalCount; ?>)) {
$.post( 'php_that_return_sliders.php', { activeIndex :mySwiper.activeIndex }).done(function( data ) {
mySwiper.appendSlide( data );
});
}
}
创建一个php_that_return_sliders.php,根据$_POST发送的activeIndex返回滑块html。