javascript - Slick.js はリンクをコントロールとして使用します

Question

そのため、スライダーに slick.js プラグインを使用しています (これまで実際に使用したことはありませんでしたが、試してみようと思いました!)

とにかく、私はのカスタムセットを使いたいと思っています

タグをコントロールとして使用すると、これらは変更されず、スライダー内のリンクに関連付けられた画像も変更されません。

            <script type="text/javascript">
                $(function () {
                    var $panel = $('<div class="panel">13</div>');
                    var slickOpts = {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        dots: false,
                        fade: true,
                        autoplay: true,
                        prevArrow: '.btn-prev',
                        nextArrow: '.btn-next'
                    };
                    // Init the slick
                    $('#dashboard').slick(slickOpts);
                    var slickEnabled = false;

                });
            </script>

<div id="dashboard">
<div class="panel">1</div>
<div class="panel">2</div>
<div class="panel">3</div>
<div class="panel">5</div>
</div>

したがって、私はこのリストを訴えて 5 つのスライドを管理したいと考えています。

<div class="mobileSubNav">
<ul class="mobile_nav_list">
<a href="#"><li><span class="mobile-icon"></span>landscaping</li></a>
<a href="#"><li><span class="mobile-icon"></span> grounds maintinence</li></a>
<a href="#"><li><span class="mobile-icon"></span> tree surgery</li></a>
<a href="#"><li><span class="mobile-icon"></span> fencing</li></a>
<a href="#"><li><span class="mobile-icon"></span> winter maintinence</li></a>
</ul>
</div>