javascript - jQueryUIのサイズ変更可能を使用しているときに、サイズ変更時にクリックイベントを無効にするにはどうすればよいですか?

Question

jQuery と jQueryUI を使用してインターフェイスを構築しています。次のようなものです

<div id="sidebar">
  <div id="handle">
  </div>
</div>

次に、このJavaScriptをdocument.readyで実行しています

$("#sidebar").resizable({
  handles: { e: '#handle' }
});

$("#sidebar").bind('resizestart', function() { console.log("Resize started") });

$("#sidebar").bind('resizestop', function() { console.log("Resize stopped") });

$("#handle").bind('click', function() { console.log("Hide Sidebar") });

私の問題は、サイズ変更イベントの後に #handle のクリック イベントが発生していることです。ドラッグ中にクリック イベントを何らかの形で無効にする必要があることはわかっていますが、dragstart でクリックのバインドを解除し、dragstop で再バインドしても、クリック イベントの発生は停止しません。

ps。小さな構文エラーは無視してください。私はコーヒースクリプトをあまりにも長く使用しています。すべてが実際に機能しますが、私が望んでいた方法とは異なります