Javascript 使用jQueryUI'；时如何禁用调整大小时的单击事件；它可以调整大小吗？

我正在用jQuery和jQueryUI构建一个接口，我和一些类似的东西

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

我的问题是，在调整大小事件之后，正在触发#句柄上的单击事件。我知道我需要在拖动期间以某种方式禁用click事件，但即使在dragstart上解除click并在dragstop上重新绑定它，也不能阻止click事件触发

---

请忽略任何小的语法错误，我已经使用coffeescript太长时间了，一切都正常，只是不是我想要的那样

你需要点击$（“#句柄”）上的事件才能正常工作吗？你不能仅仅使用：

$（“#handle”）.bind（'click'，function（event）{console.log（“Hide Sidebar”）；event.preventDefault（）；}）？我不认为这会有帮助。单击控制柄时，我希望侧边栏切换其隐藏状态，但拖动时，我希望侧边栏调整大小。所以我真的需要这两个事件来工作。。。除非我不明白什么。
$("#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") });