Dragula: как заставить объект следовать за курсором

Question

Я использую Dragula, и я пытаюсь сделать объект, который я перетаскиваю, следуйте указателю мыши. Как я буду заниматься этим.

EDIT: Может быть, стоит отметить, что здесь выглядит HTML, как:

<div> 
    <paper-menu id="listL"> 
    <template id="left" is="dom-repeat" items="{{leftList}}"> 
     <div> 
     <custom-polymer-element></custom-polymer-element> 
     </div> 
    </template> 
    <paper-menu> 
<div> 

инициализирую Dragula, вызвав готовую функцию внутри полимерных:

Polymer({ 
    is:"wapper-element", 
    ready: function() { 
    var drake = dragula([this.$.listL]), { 
     revertOnSpill: true, 
    }); 
}); 

EDIT2:
Вот изображение того, что я вижу, когда пытаюсь перетащить что-то:

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

EDIT3:

Решение:

Причина проблемы заключалась в том, что я не импортировала dragula.css правильно. Если кто-нибудь еще столкнется с этой проблемой, я бы порекомендовал вам убедиться, что вы импортировали dragula.css и сделали это правильно.

Answer 1

Я не думаю, что вы можете это сделать. Лучшее, что вы можете сделать с простой конфигурации использует:

removeOnSpill: true 

Это удалит элемент тащат из контейнера, когда он покидает контейнер Кончено.

Fiddle: http://jsfiddle.net/AtheistP3ace/e95nqyf9/1/

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

Fiddle: http://jsfiddle.net/AtheistP3ace/e95nqyf9/

По существу в конце дня, что следующий курсор оригинальный элемент в каком-то смысле, просто клон этого.