Jquery 如何禁用仅在启动拖动时位于可拖动div上方的元素的onclick？

我有一个可以拖动的主div

在这个div中有一个note div（

.noteDiv

），它的z索引更高。单击注释时，它将打开以进行编辑

每当我单击“拖动”且光标位于注释div上时，在完成拖动后，注释div将打开以进行编辑

在拖动时，如何防止对

.noteDiv

执行

onclick

操作

要使dialogDocs div可拖动，我只需要：

jQuery（#dialogDocs”）.draggable（{scroll:true}）

提前谢谢

下面是html/php代码的样子


您可以将另一个子div用作句柄，并使用

jQuery("#masterDiv").draggable({scroll:true, handle: "#handle"});

仅供参考，我是如何解决这个问题的

我将dialogDocs设置为要拖动的主div。在
#dialogDocs
中是
#topLeft
，其中包含
.noteDiv

我只是写了这个

jQuery（'#dialogDocs'）。可拖动({
卷轴：没错，
开始：功能（事件、用户界面）{
jQuery（#dialogDocs.noteBox”）.each（function（）{
document.getElementById（jQuery（this.attr（'id'））.style.pointerEvents='none'；
});
},
停止：功能（事件、用户界面）{
jQuery（#dialogDocs.noteBox”）.each（function（）{
var id=jQuery（this.attr（'id'）；
document.getElementById（id）.style.pointerEvents='auto'；
});
}
});

在开始拖动时，我禁用了单击任何
.noteDiv
的功能。在拖动停止时，我重新启用它

对不起，如果我的问题不够清楚。希望这能帮助有需要的人。
嘿，约翰。我添加了我的代码，并澄清了问题中的一些问题#你提到的masterDiv实际上是dialogDocs。您将在何处添加一个子div作为句柄？我不知道这将如何阻止.noteDiv在左上方的div内部打开。handle div只需要是noteDiv的兄弟。当你为一个可拖动的对象设置一个句柄时，它只会在你第一次点击这个句柄元素时才被拖动。如果你能制作一个JSFIDLE，这将有助于理解你的问题。