jquery - x 次后禁用点击

Question

假设用户可以单击按钮 (div) 7 次。单击 7 次后，该按钮必须消失或变得不可单击。我怎样才能做到这一点？

Answer 1

尽管您需要自己充实一些细节，但这应该可行。按钮:

<div class="button">button</div>

JS:

<script>
$('div.button').click(function() {
  var tally = ($(this).data('clicks') || 0) + 1;
  if ( tally < 7 ) {
    $(this).data('clicks', tally);
    console.log(tally);
  }
});
</script>

我只是停止处理点击，但是您当然可以隐藏该按钮，而无需太多努力。