jQuery UI 滑块初始化

Question

我在一个页面上有多个滑块，每个滑块都有“滑块”类，每个滑块都带有一个复选框。加载页面时，复选框通过 PHP 填充为选中或未选中。基于此，我想启用或禁用滑块。

删除不相关的部分，我有：

$(".slider").slider({
        ...
        disabled: function()
        {
            var $field = $(this).prevAll("input");
            return $field.is(':checked');
        },
        ...
});

我什至不确定是否可以将匿名函数传递给禁用的选项。这是合法的吗？它似乎没有工作......

当然我可以分别初始化#slider1、#slider2、#slider3...等，但我正在寻找最优雅、最紧凑的解决方案。

$(this) 是否已经超出范围，现在它在选项内？ javascript 在这些情况下如何工作？如果它没有...我知道 $(this).prevAll("input") 选择器是准确的，因为我已经用 Firebug 对其进行了检查。

想法？谢谢！

Answer 1

我什至不确定是否有可能 将匿名函数传递给 禁用选项。这合法吗？

不。您不能将函数引用作为参数传递给该选项。

您可以立即执行该匿名函数，但 this 的值会出错：

$(".slider").slider({
        ...
        disabled: (function()
        {
            var $field = $(this).prevAll("input");
            return $field.is(':checked');
        })(),
        ...
});

作为一种解决方法，您可以将代码包装在 .each() 块中：

$(".slider").each(function () {
    var $this = $(this);
    var disabled = $this.prevAll("input").is(":checked");
    $(this).slider({
        ...
        disabled: disabled
        ...
    });
});