Javascript 从基本滑块jquery获取值

从双向（范围）jquery滑块获取值时遇到问题。我试过各种各样的方法，但都不管用

包含信息的我的文本字段具有[int-int]结构

我试图做的是将滑块中的2个范围值放入脚本末尾的url get中

JavaScript:

var val1 = 0;
var val2 = 0;

$(function() {
    $( "#slider-3" ).slider({
        range:true,
        min: 1,
        max: {{ $data['labels'] }},
        values: [ 1, {{ $data['labels'] }} ],
        slide: function( event, ui ) {
           $( "#price" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
           val1 = ui.values[0];
           val2 = ui.values[1];
        }
    });

    $( "#price" ).val( $( "#slider-3" ).slider( "values", 0 ) +
    " - " + $( "#slider-3" ).slider( "values", 1 ) );
});

$('#fetchLabels').on('click', function(){
    location.href="{{ url('labels/objects') }}/" + val1 + "/" + val2; 
});

---

编辑：通过一些故障排除，我发现没有设置值。它们只保持在0和0…

我修正了这个问题。显然，这些值只有在杆移动时才会更改。因此，我必须将val 1和val 2设置为适当的起点

Javascript:

   var val1 = 1;
   var val2 = {{ $data['labels'] }};

    $(function() {

$( "#slider-3" ).slider({
   range:true,
   min: 1,
   max: {{ $data['labels'] }},
   values: [ 1, {{ $data['labels'] }} ],
   slide: function( event, ui ) {
        val1 = ui.values[ 0 ];
        val2 = ui.values[ 1 ];
      $( "#price" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
   }
});
$( "#price" ).val( $( "#slider-3" ).slider( "values", 0 ) +
" - " + $( "#slider-3" ).slider( "values", 1 ) );
});

$('#fetchLabels').on('click', function(){

var urlee = "{{ url('label/objects') }}/" + val1 + "/" + val2;

 location.href=urlee; 

});

---

我把这个修好了。显然，这些值只有在杆移动时才会更改。因此，我必须将val 1和val 2设置为适当的起点

Javascript:

   var val1 = 1;
   var val2 = {{ $data['labels'] }};

    $(function() {

$( "#slider-3" ).slider({
   range:true,
   min: 1,
   max: {{ $data['labels'] }},
   values: [ 1, {{ $data['labels'] }} ],
   slide: function( event, ui ) {
        val1 = ui.values[ 0 ];
        val2 = ui.values[ 1 ];
      $( "#price" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
   }
});
$( "#price" ).val( $( "#slider-3" ).slider( "values", 0 ) +
" - " + $( "#slider-3" ).slider( "values", 1 ) );
});

$('#fetchLabels').on('click', function(){

var urlee = "{{ url('label/objects') }}/" + val1 + "/" + val2;

 location.href=urlee; 

});

---

您可能想在代码缩进上做一些工作，非常难读，真的。检查编辑以获得更容易阅读的代码。您可能想在代码缩进上做一些工作，非常难读，真的。检查编辑以获得更容易阅读的代码。