У меня проблема с моей веб-страницей.Я пытаюсь сделать sidenav для слоев на карте.Он должен иметь возможность перемещать разные слои (как это делает фотошоп) и устанавливать непрозрачность слоя с помощью ползунка.Он отлично работает на рабочем столе, но не на сенсорном экране.Если я закомментирую строку, которая делает список сортируемым, то слайдер работает на мобильном телефоне, однако мне нужно, чтобы он мог выполнять оба действия.
//makes html list of the current layers
function makeList()
{
layersToArray();
// Make a container element for the list
var listContainer = document.createElement("div");
// Add it to the page
document.getElementById("layerStackSideNav").appendChild(listContainer);
// Make the list
var listElement = document.createElement("ul");
listElement.setAttribute("id","sortable");
// Add it to the page
listContainer.appendChild(listElement);
var numberOfListItems = layerNames.length;
// Set up a loop that goes through the items in listItems one at a time
for (var i = numberOfListItems-1; i > -1; i--)
{
// create an item for each one
var listItem = document.createElement("li");
// Add the item text
listItem.innerHTML = layerNames[i];
// Add listItem to the listElement
listElement.appendChild(listItem);
//Make opacity slider
var sliderContainer = document.createElement("div");
sliderContainer.setAttribute("class","sliderContainer");
listItem.appendChild(sliderContainer);
var opacitySlider = document.createElement("input");
opacitySlider.setAttribute("id", layerNames[i]);
opacitySlider.setAttribute("class", "slider");
opacitySlider.setAttribute("type", "range");
opacitySlider.setAttribute("min", "0");
opacitySlider.setAttribute("max", "1");
opacitySlider.setAttribute("step", "0.1");
opacitySlider.setAttribute("value", "1");
opacitySlider.setAttribute("oninput",
"findLayerByName(\""+layerNames[i]+"\").setOpacity(this.value)");
sliderContainer.appendChild(opacitySlider);
}
}