jQuery UI Slider:从与幻灯片事件关联的函数中访问选项

Question

我有一个这样定义的滑块:

$( "#myslider").slider({
    range: true,
    min: min_val,
    max: max_val,
    values: [ min_val, max_val ],
    slide: function(event, ui){
        $('#input_min').val(ui.values[0]);
        $('#input_max').val(ui.values[1]);
    },
});

其中min_val和max_val可以变化

现在，假设在与幻灯片事件相关的函数中，我想检查当前的最小值和最大值是否与初始值不同。

我知道我可以使用ui.values访问当前值，并且可以使用以下代码获得初始最小值和最大值:

var inital_min = $( "#myslider").slider("option", "min");
var inital_max = $( "#myslider").slider("option", "max");

但是这对我来说看起来很愚蠢，因为我已经从回调中获得了ui对象。

我试着用firebug导航对象，但是我找不到我要找的东西。

那么，还有其他方法可以得到这些值吗?

Answer 1

您可以使用这个来访问它。我帮你放好了。

http://jsfiddle.net/dhQk/vr2Mg/

var i_max = $(this).slider('option', 'max');
var i_min = $(this).slider('option', 'min');

不幸的是，根据官方引用，没有本地对象会有它。http://api.jqueryui.com/slider/event-slide

Answer 2

min_val和max_val变量可以在幻灯片回调中重用。

Answer 3

这不是真的，你可以在一个方法中获取滑动器对象并访问它们，使用事件对象:

$(event.target).slider("option","max")