javascript - 如何将 jQuery UI 所有选定范围(不仅是最小值和最大值)加载到数组中

标签 javascript jquery jquery-ui jquery-ui-slider

我正在编写以下代码。如何将 Min 和 Max 之间的选定范围值加载到数组中?

selected.push(ui.values); 给了我选定的最小值和最大值,这是可以的,但我也需要之间的值。

$( function() {
var selected =[];
    $( "#slider-range" ).slider({
      range: true,
      min: 133,
      max: 146,
      values: [ 133, 146 ],
      stop: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        
         $("#dl-sv-input-mmr").val(ui.values[0] + " - " + ui.values[1]);
        selected.push(ui.values);
        console.log(selected)
      },
      
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
      " - $" + $( "#slider-range" ).slider( "values", 1 ) );
  } );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<p>
  <label for="amount">Price range:</label>
  <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>
<div id="slider-range"></div>

最佳答案

请使用

selected.push(ui.values[0]);

而不是

selected.push(ui.values);

关于javascript - 如何将 jQuery UI 所有选定范围(不仅是最小值和最大值)加载到数组中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52203937/

相关文章:

javascript - 铁路由器 获取当前项目?

jquery - 有没有最新jquery的cdn,有缓存时间吗?

jquery - 使用范围选择器在 jQuery UI 日历中突出显示日期

javascript - 使用 jQuery UI 的嵌套 Accordion 不显示下一个列表项

javascript - jQuery AJAX POST 执行两次

javascript - 将文本拉入 div

javascript - 使用 jQuery 确定表行用户点击 - 当表通过 javaScript 动态加载时 -?

jquery - 如何在 jQuery UI 选项卡中初始化选项卡式容器外部的选项卡式内容?

javascript - Jest 无法从 npm 链接模块转换导入

javascript - 倒计时翻转时钟并在计数到零后重置