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

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 上的单击事件在调整大小事件后被触发。我知道我需要以某种方式在拖动期间禁用单击事件，但即使取消绑定 Dragstart 上的单击并在 Dragstop 上重新绑定它也不会阻止单击事件触发。

ps。请忽略任何小的语法错误，我使用coffeescript太久了，一切都确实有效，只是不是我想要的那样