使用jQueryUI的可调整大小时，如何在调整大小时禁用click事件？

Question

我正在使用jQuery和jQueryUI构建一个接口，我看起来像这样

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

然后我在document.ready上运行了这个javascript

$("#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上的click事件被触发。我知道我需要在拖动期间以某种方式禁用click事件，但即使解除绑定单击dragstart并在dragstop上重新绑定它也不会停止点击事件的触发。

PS。请忽略任何小的语法错误，我一直使用coffeescript太长时间，一切确实有效，只是不是我想要的