jqueryui防止处理子级

我试着让一个对象成为可拖动的，只希望它的句柄是可拖动的 这是填充区域，不是所有的孩子，有什么方法可以做到这一点吗

有些问题涉及使用

$('#my-object').draggable({cancel: ".class1, .class2"});

---

但是为什么我需要在有新元素时添加一个特定的子元素呢？

您不能只让元素的一部分充当句柄，但您至少可以添加一个覆盖除填充之外的所有可拖动元素的子元素，然后使用您在问题中提到的

取消

选项

Html:

JavaScript:

$('.draggable').draggable({
    cancel: '.client-area',
    cursor: '-moz-grabbing'
});

.draggable {
    cursor: -moz-grab;
    padding: 12px;
    width: 200px;
    height: 160px;
}
.client-area {
    cursor: default;
    width: 100%;
    height: 100%;
}

$('.draggable').draggable({
    cancel: '.client-area',
    cursor: '-moz-grabbing'
});