如何檢測元素是否正在用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){...}