条件点击事件不起作用

Question

当计数小于-2时，也可以点击上一步按钮。如果计数小于-2，我希望prev按钮不起作用，如果计数为1则我想要下一个按钮：

我尝试了但没有机会：

HTML：

  <a href="javascript:" id="prev">prev</a>
  <a href="javascript:" id="next">next</a>

JS：

  $(function() {
    var $prev = $('#prev'),
        $next = $('#next'),
        count = -1;

    function prev() {
      $prev.click(function(){
        count--;
        console.log(count);
      });
    }

    function next() {
      $next.click(function(){
        count++;
        console.log(count);
      });
    }

    if (count > -2) {
      prev();
    } else if (count < 1) {
      next();
    }

  });

这是我点击上一个按钮时的结果，下一个按钮不起作用。请告诉我如何使它有用。

Answer 1

每次拨打next()或prev()时，您都会在按钮上添加新的点击事件，您不需要添加这些功能只需附加一次事件，请查看下面的示例。

希望这有帮助。

＆＃13;

＆＃13;

$(function() {
  var $prev = $('#prev'),
      $next = $('#next'),
      count = -1;

  $prev.click(function(){
    if (count > -2) {
      count--;
      console.log(count);
    }
  });

  $next.click(function(){
    if (count < 1) {
      count++;
      console.log(count);
    }
  });

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="javascript:" id="prev">prev</a>
<a href="javascript:" id="next">next</a>

＆＃13;

＆＃13;

＆＃13;