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

附言。请忽略任何小的语法错误，我使用咖啡脚本太久了，一切都确实有效，只是不是我想要的