javascript - 将自定义下一张幻灯片按钮添加到 Unslider 脚本

Question

我使用 unslider.js slider 脚本。 顺便说一句我可以推荐给大家。

我正在尝试在幻灯片中添加“到下一张幻灯片”按钮。 首先，我将与下一个箭头链接中的类相同的类添加到按钮。但它不起作用。

有可能做到这一点吗？

谢谢

**JS**
            var unslider = $('.banner').unslider({

        complete: function() {},
        keys: true,
        dots: false,
        fluid: false,
        nav: false
    });

    $('.unslider-arrow').click(function() {
        var fn = this.className.split(' ')[1];

        unslider.data('unslider')[fn]();
    });


**HTML snippet**

<a href="" class="unslider-arrow">To next slide</a>

http://jsfiddle.net/qATC9/45/

Answer 1

首先你需要设置一个这样的href:

<a href="javascript:void(0)" class="unslider-arrow">To next slide</a>

阻止导航。然后在 jQuery 中

$('.unslider-arrow').click(function() {
    unslider.data('unslider').next();
});

参见updated FIDDLE