jQuery单击后如何再次打开？

Question

https://codepen.io/jh-ko/pen/EJYbWZ

单击“按钮”后，必须停止单击功能。 我想再次单击它，再次单击另一个功能。 但是“按钮”的点击功能不再起作用。

如何再次启用点击功能？

$('.button').click(function() {
  $('.item01').css('transform', 'rotate(323deg)');
  $(".button").off('click');
})

$(".again").click(function(){
  $(".button").on('click');
})

Answer 1

重用方法

function doSomething () {
    $('.item01').css('transform', 'rotate(323deg)');
    $(".button").off('click');
}

$('.button').on('click', doSomething);

$(".again").click(function(){
  $(".button").on('click', doSomething);
});

或使用课程

function doSomething () {
    if ($(this).is(':not(.ignore)')) {
      $('.item01').css('transform', 'rotate(323deg)');
      $(this).addClass('ignore');
    }
}

$('.button').on('click', doSomething);

$(".again").click(function(){
  $(".button").removeClass('ignore');
});

或将类与委托事件侦听器一起使用

function doSomething () {
  $('.item01').css('transform', 'rotate(323deg)');
  $(this).addClass('ignore');
}

$(document).on('click', '.button:not(.ignore)', doSomething);

$(".again").click(function(){
  $(".button").removeClass('ignore');
});