Всем Привет! такой вопрос, мне надо заполнить параметры для dragula,

Question

Всем Привет! такой вопрос, мне надо заполнить параметры для dragula,

которые формируются динамически. есть например 5шт div с id разными , но одного класса,на них надо навесить тот самый dragula(это плагин drag-n-drop), синтаксис у него такой dragula([document.getElementById('id1'),document.getElementById('id2')]) , как мне вписать все динамически построенные блоки в эти параметры? в цикле не выйдет, каждую итерацию один блок только проходит,а надо сразу все поместить,чтобы между собой у них работал drag-n-drop.

#javascript #programming #russian

0

12.02.2021

13 ответов

4 просмотра

Юрий Kolomenkov Автор вопроса

Asan
dragula(Array.from(document.querySelectorAll('.тво...

он только по id принимает

0

12.02.2021

Asan

Юрий Kolomenkov
он только по id принимает

тогда присвой всем id, ты проверь

0

12.02.2021

Юрий Kolomenkov Автор вопроса

Asan
тогда присвой всем id, ты проверь

по классу не работает( у них у всех ID есть , просто как без цикла их всех записать в параметры эти

0

12.02.2021

Asan

Юрий Kolomenkov
по классу не работает( у них у всех ID есть , прос...

dragula([document.getElementById('id1'),document.getElementById('id2')]) в чем проблема подставить свои id сюда?

0

12.02.2021

Asan

Юрий Kolomenkov
по классу не работает( у них у всех ID есть , прос...

или ты хочешь красиво

0

12.02.2021

Юрий Kolomenkov Автор вопроса

Asan
тогда присвой всем id, ты проверь

или даже если в цикле, то как дополнять [] вот такую конструкцию данными, чтобы получилось типо этого [id1,id2,id3] я же говорю динамически формируются блоки, их может быть как 10 так и сто

0

12.02.2021

Asan

Юрий Kolomenkov
или даже если в цикле, то как дополнять [] вот так...

const elems = Array.from(document.querySelectorAll('.твой класс')) let ids = [] elems.foreach(item => item.id && ids.push(item.id)) dragula(ids.map(id => document.getElementById('id')))

0

12.02.2021

Юрий Kolomenkov Автор вопроса

Asan
const elems = Array.from(document.querySelectorAll...

elems.foreach is not a function

0

12.02.2021

Asan

Юрий Kolomenkov
elems.foreach is not a function

поправил

0

12.02.2021