2012-03-19 2 views
2

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

Jquery Примеры doen't-видимому, функционирует

примеров кода

Инициализировать бегунок с опцией инвалидов указанной.

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

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

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

Edit 1

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


      } 
    }); 

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

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

Подобно тому, как вы заявили, это я говорю да, но, возможно, вы должны объяснить, немного более подробный, что вы точно попытаться сделать. В тот момент, когда мне кажется, что у вас есть что-то особенное в вашей голове, вы должны изменить код самого слайдера. –

+0

Добавлена ​​информация о добавлении ..... –

+0

Прошу, пожалуйста, демонстрацию проблемы, если возможно, возможно, используя [jsFiddle] (http://jsfiddle.net/) – andyb

ответ

3

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

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

Тогда вы назвали отключить метод, как:

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

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

Попробуйте отключить ползунок, как это:

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

Ударят сегодня вечером ... Спасибо за ответ. –

Смежные вопросы