jQuery ui предотвращает обращение детей

Question

Я пытался сделать объект перетаскиваемым, и просто хочу, чтобы его ручка была . Это область заполнения, а не все ее дети, есть ли способ сделать это?

некоторые вопросы относятся к использованию

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

но зачем мне нужно добавить конкретный ребенок, а есть новый?

Answer 1

Вы не можете сделать только часть элемента действующим как дескриптор, но вы можете хотя бы добавить дочерний элемент, который охватывает весь перетаскиваемый элемент, кроме его заполнения, а затем использовать опцию cancel, как вы упомянули в своем вопрос.

Html:

<div class="draggable"> 
    <div class="client-area"> 
    </div> 
</div> 

CSS:

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

JavaScript:

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

jsfiddle