Почему мой слайдер диапазона не работает на мобильном телефоне? - PullRequest
0 голосов
/ 29 ноября 2018

У меня проблема с моей веб-страницей.Я пытаюсь сделать 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);
    }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...