jquery - 禁用特定元素的 onClick 事件

Question

我有重叠的图像和 div 。div 在顶部，我已经为 div 编写了翻转（），这需要一些时间才能完成，如果用户在翻转时单击图像，则调用而不是翻转图像单击..我可以禁用该特定图像的单击功能

图像点击和 Div ：

 $('#front').live('click', function()  {


 $('#myImageFlow img').live('click', function() {

Answer 1

您可以将过渡状态保存为图像上的数据。转换完成后，将数据设置为某个标志。然后，您可以在开始翻转之前检查此标志，如有必要，您可以通过从事件处理程序返回 false 或调用来停止事件event.stopImmediatePropagation()。

$('#myImageFlow img').on('click', function (event){ 
  var $img = $(this);
  if !($img.data('isTransitionFinished') {
    event.stopImmediatePropagation();
  } else {
    $img.flip(); // Assuming you made flip a jQuery plugin
  }
};

$.fn.flip = function() {
  this.data('isTransitionFinished', false);  // Reset from any previous transitions
  var properties = {};  // Whatever property changes you're applying for the transition
  this.animate(properties, {
    complete: function() {
      this.data('isTransitionFinished', true);
    }
  });
}