Question

使用滑块或选区时，会更改各个变量。我想在另一个函数中使用slider / selectable-function之外的那些变量。

我有这个滑块：

handlevalues=[300,3000]
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 300,
max: 3000,
values: [ 300, 3000 ],
step: 10,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
  handlevalues=($("#slider-range").slider('values'));

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

这个可选：

var whatsselected=[1,2,3,4,5,6]
$(function() {
        $("#selectable").bind("mousedown", function(e) {
            e.metaKey = true;
        }).selectable({
            stop: function() {}
        });
    });

每当用户移动滑块或进行选择时，我都需要这样做。

console.log(handlevalues)
console.log(whatsselected)

var whatsselected=在可选功能中定义，但我认为无需在此处发布。我想要一个函数来听这两个东西，因为会有很多滑块和可选择的东西。我知道我可以在滑块/可选择的代码中添加一个函数，但我需要它们在外面。

我甚至懒得发布我的尝试。我是新手，并没有自己创建滑块。我想到了在var handlevalues或var whatsselected更改时触发控制台消息的函数，但我不确定如何/如果可能，考虑到它应该监听这两个变量。

任何帮助非常感谢！

Answer 1

对于滑块：

在某处隐藏字段：

<input type="hidden" id="leftValue" value="0" /> 
<input type="hidden" id="rightValue" value="0" />

将“更改”回调添加到滑块功能：

$(function() {
$( "#slider-range" ).slider({
range: true,
min: 300,
max: 3000,
values: [ 300, 3000 ],
step: 10,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
  handlevalues=($("#slider-range").slider('values'));

},
 change: function(event, ui) {

 $('#leftValue').val(ui.values[0]); //left value
 $('#rightValue').val(ui.values[0]); //left value


 }
});

至于可选择的，我不熟悉它，但它可能类似。

希望有所帮助......

使用jQuery-ui滑块或selectable时触发的功能

1 个答案: