Question

我有一个jquery ui幻灯片游侠有两个价格。最低价格和最高价格。如何将min和max分成单独的变量？我想创建if语句，但不是在幻灯片管理器功能内部，而是在搜索按钮功能中。当用户点击搜索时，它将获得用户选择的最低价格和最高价格并输出产品结果。这可能，我怎么能这样做？

这是我的幻灯片游侠代码

$(function() {
  $( "#slider-range" ).slider({
    range: true,
    min: 249500,
    max: 750000,
    values: [ 75, 300 ],
    slide: function( event, ui ) {
      $( "#amount" ).val( "£" + ui.values[ 0 ] + " - £" + ui.values[ 1 ] );
    }
  });
  $( "#amount" ).val( "£" + $( "#slider-range" ).slider( "values", 0 ) +
    " - £" + $( "#slider-range" ).slider( "values", 1 ) );
});

感谢您的帮助。

Answer 1

您可以使用option方法访问滑块的min和max范围，如下所示：

＆＃13;

$(function() {
  $("#slider-range").slider({
    range: true,
    min: 249500,
    max: 750000,
    values: [75, 300000]
  });
  $("button").click(function() {
    var min = $("#slider-range").slider("option", "min"),
      max = $("#slider-range").slider("option", "max")
    console.log("min: " + min+" max: " + max);
  });
});

＆＃13;

<link href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<div id="slider-range"></div>
<button>Search</button>

＆＃13;

您可以使用values选项访问当前范围的min和max，如下所示：

＆＃13;

$(function() {
  $("#slider-range").slider({
    range: true,
    min: 249500,
    max: 750000,
    values: [75, 300000]
  });
  $("button").click(function() {
    var min = $("#slider-range").slider("option", "values")[0],
      max = $("#slider-range").slider("option", "values")[1];
    console.log("low: " + min+" high: " + max);
  });
});

＆＃13;

<link href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<div id="slider-range"></div>
<button>Search</button>

＆＃13;

如何将jquery ui幻灯片游侠的最小值和最大值分别变为2个单独的变量？

1 个答案: