javascript - 如何在参数中返回 next() 和 prev() ？

Question

我正在创建一个简单的 slider ，它有 2 个按钮，代码几乎相同。唯一的区别是 next() 和 prev()。所以我为此使用了一个参数(direction)。

在这种情况下，我收到错误:

Uncaught TypeError: Cannot read property 'length' of undefined

为什么？

$(document).ready(function() {

    // Navi
    function navi(direction) {
      if ($('.slider').find('.active').direction.length != 0) {
        $('.slider')
          .find('.active')
          .removeClass('active')
          .direction
          .addClass('active');   
       }
     }

    $('.next').on('click', function() {
    navi('next()');
  });

  $('.back').on('click', function() {
    navi('prev()');
  });

https://jsfiddle.net/n339tzff/3/

Answer 1

传递不带括号的字符串，使用括号表示法

$('.next').on('click', function() {
    navi('next');
});

if ($('.slider').find('.active')[direction]().length != 0)