如何使用jQuery检测元素是否处于拖动状态？

Question

我有一个按钮（#call_plugin_wrapper），里面有内容（#call_plugin_inner）。

我希望在拖动父项时内部部分变得不可点击，我如何使用jQuery实现这一点？

$('#call_plugin_wrapper').draggable();
$('#call_plugin_inner').click(function() {...}

var widget_drag = false;

$('#call_plugin_wrapper').draggable({
   axis: "y",
   start: function() {
      widget_drag = true;
   },
   stop: function() {
      setTimeout(function() {
         widget_drag = false;
      }, 100);
   }
});

$('#call_plugin_inner').click(function() {
   if (widget_drag == false) {...}
}

Answer 1

var widget_drag = false;

$('#call_plugin_wrapper').draggable({ axis: "y", start: function(){widget_drag=true;}, 
    stop: function() {
        setTimeout(function(){widget_drag=false;},100);
    } 
});

$('#call_plugin_inner').click(function() {
    if (widget_drag==false){...}