javascript - jQuery UI slider : access options from function associated with the slide event

标签 javascript jquery jquery-ui uislider

我有一个以这种方式定义的 slider :

$( "#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_valmax_val 可以更改。

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

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

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

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

我尝试使用 firebug 导航该对象,但无法找到我要查找的内容。

那么,还有其他方法可以获取这些值吗?

最佳答案

您可以使用它来访问它。我把它摆给你了。

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

关于javascript - jQuery UI slider : access options from function associated with the slide event,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15913001/

相关文章:

javascript - 进程在完成请求之前退出 - AWS Lambdas

javascript - 如何在应用程序脚本中进行数学运算?

javascript - 从 scss 访问伪类元素属性宽度

javascript - 计算器高度宽度

jquery - 如何将自动完成菜单放置在文本输入上方?

javascript - jquery datepicker - 在选择时激活另一个日期选择器

jquery - 如何针对不同的 AutoComplete 的 ui-autocomplete 定位单个 CSS

javascript - 如何在每次进入 View 时调用 onInit()?

javascript - 动态 jQuery 效果

javascript - 根据用户输入验证数学公式