1

当使用滑块或选择时，会改变各个变量。我想在另一个函数中使用滑块/可选函数之外的这些变量。

我有这个滑块：

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但我不确定如何/是否可能，考虑到它应该听两个变量。

非常感谢任何帮助！

4

1 回答 1

0

对于滑块：

在某处有隐藏字段：

<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


 }
});

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

希望能帮助到你..

于 2013-02-20T09:14:59.110 回答