jquery - 禁用 jQuery UI 滑块

Question

我有一个滑块，我试图根据 jQuery if/else 语句禁用它。

if (("#ceremony").checked) {
  $( "#ceremony_amount" ).val( "$" + $( "#ceremony-range-min" ).slider( "value"         ).toFixed(2) );
}
else {
  $( "#ceremony_amount" ).val( "$" + $( "#ceremony-range-min" ).slider( "disable" ).toFixed(2) );
}

这将毫无问题地禁用滑块，但是当我使用 id = "ceremony" 选中复选框时，它不会再次启用滑块。

我试图弄清楚我是否没有正确调用我的检查属性，或者它是否在我的 if/else 语句中。任何帮助，将不胜感激。

Answer 1

改变

$( "#ceremony_amount" ).val( "$" + $( "#ceremony-range-min" ).slider( "value").toFixed(2) );

至

$( "#ceremony_amount" ).val( "$" + $( "#ceremony-range-min").slider("enable").slider("option", "value" ).toFixed(2) );

Answer 2

您需要在复选框上使用更改事件

$('#ceremony').on('change', function () {
    if (this.checked) {
        $("#ceremony_amount").val("$" + $("#ceremony-range-min").slider("value").toFixed(2));
    } else {
        $("#ceremony_amount").val("$" + $("#ceremony-range-min").slider("disable").toFixed(2));
    }
});