javascript - splitslider.js - 打开一个特定的 div，而不是用箭头

Question

我正在使用Slit Slider js。这将打开带有箭头和点的 div 幻灯片以进行导航。有没有办法创建链接以打开特定幻灯片？例如：首页、关于我们等，而不是箭头。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

$(function() {
  var Page = (function() {
    var $navArrows = $('#nav-arrows'),
      $nav = $('#nav-dots > span'),
      slitslider = $('#slider').slitslider({
        onBeforeChange: function(slide, pos) {
          $nav.removeClass('nav-dot-current');
          $nav.eq(pos).addClass('na```v-dot-current');
        }
      }),
      init = function() {
        initEvents();
      },
      initEvents = function() {
        // add navigation events
        $navArrows.children(':last').on('click', function() {
          slitslider.next();
          return false;
        });

        $navArrows.children(':first').on('click', function() {
          slitslider.previous();
          return false;
        });

        $nav.each(function(i) {
          $(this).on('click', function(event) {
            var $dot = $(this);
            if (!slitslider.isActive()) {
              $nav.removeClass('nav-dot-current');
              $dot.addClass('nav-dot-current');
            }
            slitslider.jump(i + 1);
            return false;
          });
        });
      };
    return {
      init: init
    };
  })();

  Page.init();
});

谢谢你的支持 ：）

标签： javascriptjquery