Включение перетаскивания HTML5 - PullRequest
Новая
       44

Включение перетаскивания HTML5

0 голосов
/ 19 октября 2018

Я хотел бы перетащить изображение в целевой объект.

Я использую следующий код: 

$img.on('drag dragstart dragend dragleave drop', function (e) {
    e.preventDefault();
    e.stopPropagation();
});
$img.on('dragstart', function (e) {
    e.preventDefault();
    e.dataTransfer.setData('text', 'foo');
    self._handleThumbClick.bind( self );
});

К сожалению, это не всегда позволяет мне перетаскивать изображение.Что я здесь не так делаю?Я хотел бы перетащить изображение из своей позиции в целевой объект.HTML5 имеет встроенную функцию перетаскивания.Прослушиватели событий на изображении выше должны работать в соответствии с приведенными здесь инструкциями:

https://developer.mozilla.org/en-US/docs/Web/Events/dragstart

Обратите внимание, как приведенный выше код отражает код в учебнике.

Вот мой HTML: 

<div class="thumbnail-wrapper showing" data-auto="image-picker-thumbnail-wrapper" draggable="true"><img class="thumbnail" data-src="https://test.com:8033/lr_files/v1.0/catalogs/4da2ea94548547429b8e993db4350aa3/assets/344118135fb618dde24d8ef74b961d57/revisions/e6a018abb1ac3e98c2e75789c91911f2/renditions/f2964d151c99f1c500fb8f628c921d2e" data-width="1655" data-height="2559" data-auto="image-picker-thumbnail-img" draggable="true" src="https://test.com/lr_files/v1.0/catalogs/4da2ea94548547429b8e993db4350aa3/assets/344118135fb618dde24d8ef74b961d57/revisions/e6a018abb1ac3e98c2e75789c91911f2/renditions/f2964d151c99f1c500fb8f628c921d2e" style="height: 174.723px;"></div>
...