Javascript jQuery UI:调整大小时触发单击事件

我在元素上使用可调整大小的jQuery Ui。但调整大小事件会触发元素本身的单击事件和其父元素的单击事件。我尝试过使用

event.stopPropagation（）

，但显然不起作用

以下是我的html的一个简单形式：

<div class="parent">
    <div class="child ui-resizable">
        ...
        <div class="ui-resizable-handle ui-resizable-s"></div>
    </div>
</div>

拖动处理程序将触发单击事件。

---

有什么方法可以防止点击事件发生吗？

也许这对您有用：

$('.parent').on('click',function(e){
   if(e.target !== e.currentTarget) return;
   openModal();
});

---

@Stavm您的意思是将“stopPropagation（）”设置为单击“.ui可调整大小”的事件吗？我做了，但仍然会触发点击事件。可能是@Stavm的重复。我之前已经检查过，但答案并没有解决我的问题。实际上，我的布局和嵌套元素更复杂，所以这个问题的答案对我来说并不适用。

$('.parent').on('click',function(e){
   if(e.target !== e.currentTarget) return;
   openModal();
});