jquery - 如何在 jQuery 中检查按钮是否被点击多次？

Question

如果按钮被点击多次，我需要得到一个true。如何做到这一点？

现在我正在像这样测试它以检查它是否被点击:

  var clicked = $(this).data('clicked', true);
    if (clicked) {
        return alert('button is clicked!');
    } else {
        return alert('false');
    }

但是如何检查它是否被点击多次呢？尝试改变

 $(this).data('clicked', true);

到

$(this).data('clicked', true) > 1;

但显然这没有帮助。非常感谢

Answer 1

你的逻辑有点不对劲。您正在使用 data() 的 setter，因此 clicked 将始终是被选择的 jQuery 对象，因此 if 语句将始终说实话。

您需要将 get 与 data() 集合分开。像这样的事情:

$('.foo').click(function() {
  var $foo = $(this);
  if (!$foo.data('clicked')) {
    console.log('first click');
  } else {
    console.log('button has been clicked before');
  }
  $foo.data('clicked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="foo">Click me</button>