Показать сообщение отдельно
  #22 (permalink)  
Старый 04.12.2017, 19:35
Аватар для Some Way
Интересующийся
Отправить личное сообщение для Some Way Посмотреть профиль Найти все сообщения от Some Way
 
Регистрация: 30.11.2017
Сообщений: 17

Сообщение от void()
Смотрите, вот для вашей структуры - должно работать. На строчке 51 цифры 50 и 500 нужно заменить на переменные from и to. Разберетесь?

Видите, тут есть 3 слайда, но выводятся всего 2, поскольку один из них не удовлетворяет условиям - его цена 650 EUR.

C 51 строкой разобрался, существенные изменения произошли
<script>
		$(function () {
			var $range = $("#range");
			$range.ionRangeSlider({
				hide_min_max: true,
				keyboard: true,
				min: 50,
				max: 500,
				from: 250,
				to: 350,
				type: 'double',
				step: 50,
				grid: true
			});
			$range.on("change", function () {
				var $this = $(this),
				from = $this.data("from"),
				to = $this.data("to");

				/* скрипт на первый случай. Его не возбороняется улучшать и совершенствовать :) */
				var prise = document.querySelectorAll('.wpb_wrapper h6');
				for(var i = 0; i < prise.length; i++){
					var elemPrise = prise[i].innerHTML.replace('EUR ', '');
					if(elemPrise > from && elemPrise < to){
						prise[i].parentNode.parentNode.parentNode.style.display='block';
					}else{
						prise[i].parentNode.parentNode.parentNode.style.display='none';
					}
				}
			});
		});

</script>

Но, у меня в наличие слайды с ценой от 100 до 500, каждого слайда по 4е штуки и при изменение ползунка все слайды с ценой в 500 перестают отображаться, даже при выборе максимального значения.
Ответить с цитированием