jQuery - UI 슬라이더 마우스 마우스 비활성화 및 다시 활성화

Question

jQuery UI 슬라이더에서 마우스 클릭을 다시 활성화하는 것보다 마우스 클릭을 비활성화 할 수 있습니까? doen't

의 jQuery 예는 지정된 장애인 옵션으로 슬라이더를 초기화

코드 예제

을 작동하는 것 같다.

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

초기화 후에 비활성화 된 옵션을 가져 오거나 설정하십시오.

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

편집 한

을 Heres 숨겨진 확인란을 숨김 해제에 대한 트리거입니다 .... 일단은 슬라이더에 마우스 클릭을 해제하고 체크 박스가 인수 할 수 있도록해야한다 클릭했습니다.

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

Heres the Slider Code.

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


      } 
    }); 

다음은 체크 상자를 숨기고 슬라이더 마우스 클릭을 다시 활성화해야하는 코드입니다.

다음

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

당신과 해제 방법이라고 :

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

을 그래서 문제가 당신이 태그 선택기를 사용한다는 것입니다으로

 $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

당신은 슬라이더 변수를 정의한 "pageSlider"라는 이름으로, 결코 존재하지 않을 것이라고 확신합니다. 슬라이더 변수를 사용해야합니다.

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