Я хотел бы знать, есть ли такая возможность выбрать все элементы одного класса только одним щелчком мыши за один раз из них или дважды щелкните мышью. Стараюсь не проверять их все один в один.
Мне удалось назначить один и тот же класс сортировки для одних и тех же элементов, но при перетаскивании я получаю только тот, на который щелкнул, другие не тащат. Я предполагаю, что за этим стоит какое-то событие, но я не знаю, что значит назначить его другим элементам, которые я хочу перетащить.
Для этого я работаю с Sortable.js работа.
Код: Выделить всё
Sortable.create(list, {
group: 'shared',
multiDrag: true,
selectedClass: "selected",
animation: 150
});
// FUNCION PARA REORDENAR LOS ITEMS / FUNCTION TO REORDER ITEMS
function ordenarli(){
setTimeout(function(){
console.log('entro');
var divs = document.getElementsByClassName('oefes');
var dades = new Array();
for(var i = 0; i < divs.length; i++){
dades.push(divs[i].innerText);
}
dades = JSON.stringify(dades);
$.ajax({
type: 'POST',
url: 'ordenacioOF.php',
data: {'dades': dades},
success: function(response) {
console.log(response);
},
error: function(output) {
console.log('fail ');
}
});
}, 400);
}
//FUNCION PARA MARCAR ITEMS CON LA MISMA CLASE / FUNCITON TO SELECT ITEMS WITH SAME CLASS
function marcaraltresofs(comanda){
var ofs = document.getElementsByClassName(comanda);
setTimeout(function(){
for(var i = 1; i < ofs.length; i++){
if(ofs[0].classList.contains('selected')){
ofs[i].classList.add('selected');
ofs[i].classList.add('sortable-selected');
ofs[i].classList.add('sortable-chosen');
ofs[i].propName = 'draggable';
ofs[i]['draggable'] = 'true';
}else{
ofs[i].classList.remove('selected');
ofs[i].classList.remove('sortable-chosen');
ofs[i].classList.remove('sortable-selected');
ofs[i].propName = 'draggable';
ofs[i]['draggable'] = 'false';
}
}
}, 150);
}
[введите здесь описание изображения][2]
[1]: https://i.sstatic.net/3RnrFTlD.png
[2]: https://i.sstatic.net/827bSNNT.png
Подробнее здесь: https://stackoverflow.com/questions/792 ... ortable-js