Sortable: (Sortable.create) is it works with class ?

[binitghetiya]

var el = document.getElementsById('simpleList');
var sortable = Sortable.create(el);
works fine

var el = document.getElementsByClassName('simpleList');
var sortable = Sortable.create(el);
while using class it shows this error in console:

el.addEventListener is not a function

[RubaXa]

Because el must be HTMLElement, and not HTMLCollection.
See docs: https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName

[PasinduDineth]

Hi people,i don't know you have find a answer or not. in my case, i cut my script part and pasted it after my sortable list. now its working..

[young666]

For those of you who did not find an answer, this is my code to create Sortable for all of the element using the same class:

const elementList = document.getElementsByClassName("subsection");

for (let i = 0; i < elementList.length; i++) {
    Sortable.create(elementList[i], {
        animation: 150
    });
}

HTMLCollection is a list of class element, isn't it? 💃
So yes, it could work with class.

[jayc971]

For those of you who did not find an answer, this is my code to create Sortable for all of the element using the same class:
"
for (var i = 0; i < $('.subsection').length; i++) {
Sortable.create(document.getElementsByClassName("subsection")[i], {
animation: 150
});
}
". HTMLCollection is an collection array of class element, that's it 💃
So yes, it could work with class.

This works fine for me. Thank you