禁用jQuery UI滑块

我有一个滑块，我试图基于jQuery if/else语句禁用。禁用jQuery UI滑块

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检查的复选框=“礼”它不会再次启用该滑块。

我想弄清楚，如果我没有正确调用我的checked属性，或者如果它在我的if/else语句中的东西。任何帮助，将不胜感激。

来源

2013-05-21 Jason Milam

不应该有在'（“＃前面的'$'仪式“）'在'如果'？ – SirDerpington

变化

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

要

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

来源

2013-05-21 20:59:42 SpYk3HH

使用“启用”有什么区别？ –

那么，你“禁用”它，因此你必须重新“启用”，然后才能再次使用它 – SpYk3HH

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

$('#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)); 
    } 
});

来源

2013-05-21 21:03:54

禁用jQuery UI滑块

回答

相关问题