禁用按钮的 JQuery 修复

Question

我试图在使用每个 slider 之前禁用“下一步”按钮，我不确定为什么在单击不再是 class="not-clicked"的同一个 slider 时取消禁用该按钮.

JSFiddle: (这里看起来有点乱，但有效)

var count = 0;
$('.not-clicked').click(function(e){
  $(this).removeClass('not-clicked');
  $(this).addClass('clicked');
  count++;
  if( count > foodCount )
  {
    var nextBtn = document.getElementsByName("commit")[0];
    nextBtn.removeAttribute('disabled');
  }
});

Answer 1

只需检查 $('.not-clicked').length 是否为 0:

$('.not-clicked').click(function(e) {
  $(this).removeClass('not-clicked');
  $(this).addClass('clicked');

  if ($('.not-clicked').length == 0) {
   var nextBtn = document.getElementsByName("commit")[0];
   nextBtn.removeAttribute('disabled');
  }
});

JsFiddle:https://jsfiddle.net/nikdtu/hqL6a146/