进行自定义/呼叫滑品幻灯片导航

Question

对于那些使用Skitter Slideshow的人来说，这是一个很棒的插件，但我想制作自定义的next/prev按钮并将它们放置在.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(); 
});