Javascript 将自定义下一张幻灯片按钮添加到取消幻灯片脚本

我使用unslider.js滑块脚本。 顺便说一下，我可以向大家推荐

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

有可能这样做吗

多谢各位

**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>

**JS**
变量unslider=$（'.banner'）。unslider({
完成：函数（）{}，
凯斯：没错，
点：错，
流体：假，
导航：错
});
$（'.unslider箭头'）。单击（函数（）{
var fn=this.className.split（“”）[1]；
不滑动数据（'unslider'）[fn]（）；
});
**HTML代码段**

---

首先，您需要设置如下href:

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

---

请参见

首先，您需要设置如下href:

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

---

请参见

这可能会对您有所帮助

只要使用这个代码

<div class="row">
<div class="col-md-12">
    <div class="banner-wrapper">
    <div class="banner">
        <ul>
            <li>  <a href="#" class="unslider-arrow next">To next slide</a><img src="https://picjumbo.imgix.net/HNCK0785.jpg?q=40&w=1650&sharp=30" /></li>
            <li> <a href="#" class="unslider-arrow next">To next slide</a><img src="https://picjumbo.imgix.net/HNCK0785.jpg?q=40&w=1650&sharp=30" /></li>
            <li> <a href="#" class="unslider-arrow next">To next slide</a><img src="https://picjumbo.imgix.net/HNCK0785.jpg?q=40&w=1650&sharp=30" /></li>

        </ul>
        <div class="banner-controls">
            <a href="#" class="unslider-arrow prev">&larr;</a>
            <a href="#" class="unslider-arrow next">&rarr;</a>
        </div>
    </div>
    </div>
</div>

---

也许这会对你有所帮助

只要使用这个代码

<div class="row">
<div class="col-md-12">
    <div class="banner-wrapper">
    <div class="banner">
        <ul>
            <li>  <a href="#" class="unslider-arrow next">To next slide</a><img src="https://picjumbo.imgix.net/HNCK0785.jpg?q=40&w=1650&sharp=30" /></li>
            <li> <a href="#" class="unslider-arrow next">To next slide</a><img src="https://picjumbo.imgix.net/HNCK0785.jpg?q=40&w=1650&sharp=30" /></li>
            <li> <a href="#" class="unslider-arrow next">To next slide</a><img src="https://picjumbo.imgix.net/HNCK0785.jpg?q=40&w=1650&sharp=30" /></li>

        </ul>
        <div class="banner-controls">
            <a href="#" class="unslider-arrow prev">&larr;</a>
            <a href="#" class="unslider-arrow next">&rarr;</a>
        </div>
    </div>
    </div>
</div>