禁用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滑塊

回答

相關問題