我在从 2 路(范围)jquery slider 获取值时遇到问题。我尝试过各种方法但没有成功。
包含信息的文本字段具有 [int - int] 结构。
我想做的是将 slider 中的 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;
});
关于javascript - 从基本 Slider jquery 获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34242581/