ОБНОВЛЕНИЕ 7/24/15: Поскольку я не мог выполнить миграцию кода и имел конфликтующие проблемы, я полностью изменил библиотеку. Самое быстрое исправление, для меня было http://refreshless.com/nouislider/. Это все еще позволяло мне получать значения, работая с тем же самым коротким кодом jquery. Я не могу ручаться за то, насколько свет это, но для исправления temp на сайте клиентов, который я могу порекомендовать.
ОБНОВЛЕНИЕ 7/30/15: пользовательский интерфейс jQuery уже был предпринят и Touch Punch, они оба вызвали дополнительную проблему. Опять же, единственным решением для меня был No UI Slider. Ваш проект может быть другим, но для серьезных конфликтов jQuery script в 4+ старых фреймах это было моим решением.
Следующий код (пример: http://www.equant-design.com/aab/shop/category/new-in-whats-new/89) дает мне достаточно размышления, поскольку я помогаю клиенту преобразовать его сайт в отзывчивый режим. Ползунок работает как закодированный, но на мобильных устройствах диапазоны работают только щелчком по шкале шкалы, а не букрандами, чтобы определить диапазон. Я собирался просто полностью вырвать код, но хотел узнать, знает ли кто-нибудь о быстром исправлении этой проблемы.
версия jQuery: 1.4.2
<script type="text/javascript">
$('#price-range-filter-header').click(function() {
FilterContainerSlideUpDown('filter_but', 'price-range-filter-header');
});
$(function() {
$("#slider-range").slider({
range: true,
min: 0,
max: 300,
values: [0, 300],
step: 5,
slide: function(event, ui)
{
$("#slider-range-caption").html('<?=$currency_type->symbol?>' + ui.values[0] + ' - ' + '<?=$currency_type->symbol?>' + ui.values[1]);
},
change: function(event,ui)
{
ApplyPriceRangeFilter(ui.values[0],ui.values[1]);
}
});
$("#slider-range-caption").html('<?=$currency_type->symbol?>' + $("#slider-range").slider("values", 0) + ' - ' + '<?=$currency_type->symbol?>' + $("#slider-range").slider("values", 1));
//initialise jquery scrollbar
$('.scrollbar').scrollbar();
});
</script>
<div id="filter_but" name="filter_but">
<div id="slider-range"></div>
</div>