jquery - 制作自定义/调用skitter幻灯片导航

Question

对于那些使用 Skitter Slideshow 的人来说，这是一个很棒的插件，但我想制作自定义的下一个/上一个按钮并将它们放在 .box_skitter 容器之外并调用skitter导航功能。

我尝试创建以下内容：

// Custom Navigation
enable_custom_navigation: true,

if (self.settings.enable_custom_navigation) {
self.enableCustomNavigation();
}


enableCustomNavigation: function() {
var self = this;
$('#custom_next, #prev_button').click(function ()  {
// Next
if (this.id == 'custom_next') {
self.box_skitter.find('.next_button').trigger('click');
}
// Prev
else if (this.id == 'custom_prev') {
self.box_skitter.find('.prev_button').trigger('click');
}
});
},

Answer 1

好吧，目前我的解决方案是创建一个下一步按钮，并在单击时模拟单击预定义的跳过按钮 .next_button，如下所示：

$(document).on('click', '.next', function(event) { 
    event.preventDefault(); 
    $(".box_skitter .next_button").click(); 
});