jQuery - UIスライダマウスマウスの無効化と再有効化

Question

jQuery UIスライダのマウスクリックを再び有効にするよりも、マウスクリックを無効にすることはできますか？ doen't

jQueryの例には、指定された無効なオプションを指定して、スライダを初期化

コード例

を機能するように思われます。

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

initの後に無効なオプションを取得または設定します。

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

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


      } 
    }); 

ここで、チェックボックスを非表示にして、スライダのマウスクリックを再びアクティブにするコードを示します。

あなたはスライダー変数を定義した

 $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").slider("option", "disabled", true); 

：次に、あなたのように無効化メソッドを呼び出し

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

私はそれが決して存在しないと確信している "pageSlider"という名前です。スライダー変数を使用する必要があります。

はこのようにスライダーを無効にしてください：

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