jQuery - UI slider 鼠标禁用和重新启用鼠标

Question

是否可以禁用鼠标单击，而不是重新启用 jQuery UI slider 的鼠标单击？

jQuery 示例似乎不起作用

代码示例

使用指定的禁用选项初始化 slider 。

$( ".selector" ).slider({ disabled: true });

初始化后获取或设置禁用选项。

//getter
var disabled = $( ".selector" ).slider( "option", "disabled" );
//setter
$( ".selector" ).slider( "option", "disabled", true );

编辑 1

这是取消隐藏隐藏复选框的触发器......单击后，它应该禁用 slider 上的鼠标单击并允许复选框接管。

        $pageHelpYes.click(function () {

            $pageHelpHidden.animate({
                    'height': '650px'
            }, 1000);
            $pageHelpYes.attr('disabled', 'disabled');
            $("#R_C-designPrice2, #R_C-designPrice, #R_C-designAdded").addClass('R_C-added');
            $pageHelpNo.removeAttr('disabled');
            $("#designHidden").val('Yes');

            var checkedCount = $(":checkbox:checked").length;

            var s = $pageSlider,
                    val = s.slider("value", checkedCount),
                    step = s.slider("option", "step");
            s.slider("value", checkedCount);
            $pages.val(("value", checkedCount));
            $amount.val([("value", checkedCount) * pageAmount] / [$daySlider.slider("value")]);

  //Slider Mouse Disable Code below.....
            var kill = $("pagesSlider").slider("option", "disabled"); 
            $("pageSlider").slider( "option", "disabled", true );

            $slideCalc.click();

这是 slider 代码。

    $pageSlider.slider({ 
            disabled: false,
            animate: true,
            range: "min",
            value: 5,
            min: 1,
            max: 25,
            step: 1,
            slide: function (event, ui) {
                    $pages.val(ui.value);
                    $slideCalc.click();


            }
    });

这是隐藏复选框并应重新激活 slider 鼠标单击的代码。

     $pageHelpNo.click(function () {
            $pageHelpHidden.animate({
                    'height': '0px'
            }, 1000);
            $("#R_C-designPrice2, #R_C-designPrice, #R_C-designAdded").removeClass('R_C-added');
            $pageHelpYes.removeAttr('disabled');
            $pageHelpNo.attr('disabled', 'disabled');
            $("#designHidden").val('No');

  //Slider Re-activate Code below.....
            var kill = $("pagesSlider").slider("option", "disabled"); 
            $("pageSlider").slider( "option", "disabled", false );
    }); 

Answer 1

您已将 slider 变量定义为:

$pageSlider.slider({    
    //... 
});   

然后您将禁用方法调用为:

$("pageSlider").slider( "option", "disabled", true );

所以问题是您为名为“pageSlider”的标签使用了选择器，我非常确定它永远不会存在。您必须使用 slider 变量。

尝试像这样禁用 slider :

$pageSlider.slider( "option", "disabled", true );