点击关闭jQuery按钮点击事件后，如何重新启用该事件？

你的问题主要出在两个关键细节上：选择器使用错误，以及重新绑定事件时缺少核心的处理逻辑。我来一步步帮你修正：

问题拆解 #

1. 选择器错误：你写的$("again")是在尝试选择<again>标签，但实际你的按钮应该是带类名或ID的（比如<button class="again">again</button>），所以正确的选择器应该是.again（类选择器）或者#again（ID选择器），否则根本找不到目标按钮。
2. 事件绑定缺失处理函数：当你用$("button").off('click')移除点击事件后，后续的$("button").on('click')没有传入任何具体的处理逻辑，相当于绑定了一个空的点击事件，自然不会执行旋转操作。

修正后的完整代码 #

我们可以把旋转元素的逻辑抽成一个独立的函数，这样不管是第一次绑定还是后续重新绑定，都能复用这个逻辑，避免代码冗余：

// 把旋转逻辑抽成单独的可复用函数
function rotateTargetItem() {
  $('.item01').css('transform', 'rotate(323deg)');
  // 精准移除当前按钮的点击事件，避免影响其他按钮
  $('.button').off('click', rotateTargetItem);
}

// 初始绑定button的点击事件
$('.button').on('click', rotateTargetItem);

// 绑定again按钮的点击事件，重新启用button的点击功能
$('.again').on('click', function() {
  $('.button').on('click', rotateTargetItem);
});

额外注意事项 #

• 移除事件时，最好指定具体的处理函数（比如off('click', rotateTargetItem)），这样不会误移除该元素上可能绑定的其他点击事件。
• 确保你的HTML结构中按钮的类名和代码对应，比如：

  <button class="button">button</button>
  <button class="again">again</button>
  <div class="item01">需要旋转的元素</div>
  

这样修改后，点击button按钮会执行旋转并禁用自身点击，点击again按钮后，button的点击事件就会恢复正常工作啦。

内容的提问来源于stack exchange，提问作者Jun