Как конвертировать неупорядоченный список ссылок в слайдер диапазона? - PullRequest
0 голосов
/ 15 февраля 2019

У меня есть неупорядоченный список, который содержит ссылки внутри каждого.Каждая ссылка добавляет фильтр к URL-адресу сайта и фильтрует продукты на основе этого значения.

         <ul class="layered-nav-list">
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=100mg">100mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=250mg">250mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=20mg">20mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=25mg">25mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=50mg">50mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=500mg">500mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=550mg">550mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=750mg">750mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=1000mg">1000mg</a> </li>
            <li class="layered-nav-list-item"> <a href="categories/all/?filter_milligrams=1500mg">1500mg</a> </li>
         </ul>


Я хотел бы превратить этот список в слайдер диапазона. Например: enter image description here

Моя главная проблема заключается в том, что я не могу изменить HTML в этих обстоятельствах.Каждое найденное мной решение для слайдера диапазона jQuery не преобразует существующие списки или входные данные в слайдер диапазона.Можно ли преобразовать этот неупорядоченный список, чтобы он действовал как слайдер диапазона с кнопкой фильтра, используя jQuery?Какой мой лучший подход?

Спасибо за любую помощь.

...