javascript - 使用 jQuery-ui slider 或 selectable 时触发的函数

Question

当使用 slider 或选择时，相应的变量会发生变化。我想在另一个函数中使用 slider /可选函数之外的这些变量。

我有这个 slider :

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() {}
        });
    });

每当用户移动 slider 或进行选择时，我都需要它出现。

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

var Whatsselected= 是在可选函数中定义的，但我认为没有必要将其发布在这里。我想要一个函数来监听这两件事，因为会有很多 slider 和可选择项。我知道我可以在 slider /可选择的代码中添加一个函数，但我需要它们在外面。

我什至懒得发布我的尝试。我对此很陌生，还没有自己创建 slider 。我想到了当 var handlevalues 或 var Whatsselected 更改时触发控制台消息的函数，但我不确定如何/是否可能，考虑到它应该监听这两个变量。

非常感谢任何帮助!

Answer 1

对于 slider :

在某处隐藏字段:

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

向 slider 函数添加“更改”回调:

$(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


 }
});

至于selectable，我不太熟悉，但可能是类似的东西。

希望有帮助..