javascript - 启用/禁用 jquery ui 组件

Question

我想在每次单击按钮时启用/禁用 slider 。

这是fiddle :

<div id="points" style="width:50px; margin-top: 17px; height:5px "></div>

<button id="lines" type="button" style="width:75px; height: 30px; margin-top:7px">lines</button>

$(function () {
    $("#points").slider({
        value: 100,
        min: 1,
        max: 100,
        slide: function (event, ui) {
        }
    });
    $('.ui-slider').slider('disable');
    $('.ui-slider-handle').height(12);
});

Answer 1

将其添加到您的 fiddle

$("#lines").click(function () {
    var disabled = $( ".ui-slider" ).slider( "option", "disabled" );
    $('.ui-slider').slider("option", "disabled", !disabled);
});