У меня есть эта скрипка:
https://jsfiddle.net/xpvt214o/700857/
Это мой код:
HTML:
<div id="draggable-element">
test
</div>
<div class="handle">
handle
</div>
JS:
interact('#draggable-element')
.draggable({
onmove: dragMoveListener,
allowFrom: '.handle',
ignoreFrom: '#draggable-element'
});
function dragMoveListener() {
alert('working')
}
Когда это так, я не могу перетащить элемент, потому что дескриптор находится вне перетаскиваемого элемента. Как только я помещаю ручку в перетаскиваемый элемент, я могу перетащить его: https://jsfiddle.net/xpvt214o/700871/
Из-за технических причин и изменения HTML я предпочитаю, чтобы мои ручки находились вне перетаскиваемого элемента.
Есть какие-нибудь идеи о том, как это исправить, не изменяя исходный код взаимодействия .js?