Question

您好我正在使用jquery ul滑块进行价格过滤。我在滑动时传递url参数中的最小和最大价格。

MouseMove

页面将刷新最小值和最大值参数。页面重新加载后，min和max的价格范围应为参数值。因为重新加载后价格范围成为默认的最小值和最大值。请帮我解决这个问题。

Answer 1

这里的想法可能是来自url的范围值（如果它存在）。

＆＃13;

List.Count - unique

＆＃13;

这使用How can I get query string values in JavaScript?

中的

var minValue = getParameterByName('price_low') || 500000;
var maxValue = getParameterByName('price_high') || 1500000;

$('.priceSlider').slider({
  range: true,
  min: 0,
  max: 2000000,
  values: [minValue, maxValue],
  step: 10000,
  slide: function(event, ui) {
    // first range input(min)
    var firstValue = ui.values[0];
    // second range input(max)
    var secondValue = ui.values[1];

    window.location.href = "http://www.xxxx.com/sample.php?price_low=" + firstValue + "&price_high=" + secondValue;

    $('.priceSlider .sliderTooltip .stLabel').html(
      'R' + ui.values[0].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "1,") +
      ' <span class="fa fa-arrows-h"></span> ' +
      'R' + ui.values[1].toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "1,")
    );
    var priceSliderRangeLeft = parseInt($('.priceSlider .ui-slider-range').css('left'));
    var priceSliderRangeWidth = $('.priceSlider .ui-slider-range').width();
    var priceSliderLeft = priceSliderRangeLeft + (priceSliderRangeWidth / 2) - ($('.priceSlider .sliderTooltip').width() / 2);
    $('.priceSlider .sliderTooltip').css('left', priceSliderLeft);
  }
});



function getParameterByName(name, url) {
  if (!url) url = window.location.href;
  name = name.replace(/[\[\]]/g, "\\$&");
  var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
  if (!results) return null;
  if (!results[2]) return '';
  return decodeURIComponent(results[2].replace(/\+/g, " "));
}

根据jquery ui slider中的url参数动态更改最小值和最大值

1 个答案: