如何在一个按钮上运行多个动作

Question

我有一个提交按钮,现在我想要这样的结果:

当我第一次点击时,它将运行动作1.

当我第二次点击时,它将运行动作2.

当我点击n时,它将运行动作n.

我怎样才能做到这一点？

Answer 1

这里是工作的解决方案,我发现在这里.

$.fn.toggleClick = function(funcArray) {
  return this.click(function() {
    var elem = $(this);
    var index = elem.data('index') || 0;

    funcArray[index]();
    elem.data('index', (index + 1) % funcArray.length);
  });
};

$('.btn').toggleClick([
  function() {
    alert('From Function 1');
  }, function() {
    alert('From Function 2');
  }, function() {
    alert('From Function 3');
  }, function() {
    alert('From Function 4');
  }
]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button type="button" class="btn">Click Me</button>

这可能对你有帮助.

问候.