Блог

Я пытаюсь реализовать слайдер диапазона Сейрии на своем веб-сайте.

Он отлично работает с настольным компьютером, но на мобильных устройствах кнопка ползунка невидима, все остальное работает нормально.

Вот мой код для слайдера(файлы cdn связаны с веб-сайтом) :

 <input id="x21_mob" type="text"  style="width:100%;background: #8283FF !important;" 
    data-provide="slider"
    data-slider-ticks="[0, 25, 50, 75, 100]"
    data-slider-ticks-labels='["0", "25", "50" , "75" , "100"]'
    data-slider-min="0"
    data-slider-max="100"
    data-slider-step="1"
    data-slider-value="50"
    data-slider-ticks-positions="[0, 25, 50, 75, 100]"
    data-slider-tooltip="always" 
    onchange="updateTextScale_mob(this.value);" />

<input type="text" id="prev_scale" value="50" hidden>
<input type="text" id="new_scale" hidden>