jQuery - UI Slider mouse Отключение и повторное включение мыши - PullRequest
Новая
       45

jQuery - UI Slider mouse Отключение и повторное включение мыши

2 голосов
/ 20 марта 2012

Можно ли отключить щелчки мыши, чем повторно включить щелчки мыши для слайдера пользовательского интерфейса jQuery?

Примеры jQuery не работают

Примеры кода

Инициализировать ползунок с отключенной опцией. 

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

Получить или установить отключенную опцию после инициализации. 

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

Редактировать 1

Вот триггер для скрытия скрытых флажков .... После щелчка он должен отключить щелчки мыши на ползунке и позволить переключаться флажкам. 

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

Вот код ползунка. 

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


            }
    });

Вот код, который скрывает флажки и должен активировать щелчки мыши ползунка. 

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

1 Ответ

3 голосов
/ 25 июля 2012

Вы определили переменную слайдера как: 

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

Затем вы вызвали метод отключения как: 

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

Итак, проблема в том, что вы использовали селектор для теганазванный "pageSlider", который я очень уверен, что он никогда не будет существовать.Вы должны использовать переменную слайдера.

Попробуйте отключить слайдер следующим образом: 

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