2016-08-06 2 views
1

Я использую этот код для инициализации dragula при загрузке страницы. После того, как я изменил свое представление с перетаскиванием маленького контейнера в другой контейнер, у маленького контейнера нет функции, указанной мной в моей dragula. Только после обновления веб-страницы функциональность небольшого контейнера является нормальной. Как мне заставить мою работу работать с изменением вида без необходимости обновления веб-страницы?Как инициализировать dragula снова после изменения моего представления

<pre> 
var drake = dragula(querySelectorAllArray('.Container'), { 
    copy: function(el, source) { 
     ...... 
} 

</pre> 
+0

Я не уверен, если вы можете вложить контейнеры. Вы могли бы попробовать вызвать новый экземпляр для второго контейнера, предоставив ему другой класс, например. 'var drake2 = dragula (document.querySelector ('. drake2'), {...});' – chris22smith

ответ

0

Вы можете установить объект Dragula в качестве глобальной переменной, а затем уничтожить и перепривязывают Dragula после того как вы обновили свой вид/контейнер.

var drake = window.dragula(); 

function setupDragula(){ 
    drake.destroy(); 
    drake = dragula([leftContainer, rightContainer]); 
} 
Смежные вопросы