IonRangeSlider отключить, чтобы включить событие Click, используя Jquery

Question

Во время загрузки страницы IonRangeSlider отключен с помощью disable: true после успешной загрузки страницы, затем я нажму на ползунок, и он не должен быть включен и установить положение.

Что я должен делать? Использование Jquery и JavaScript.

Answer 1

Вам необходимо привязать событие click к элементу слайдера, но поскольку вы не можете привязать события click к отключенным элементам, вы должны вместо этого привязать это событие к родительскому элементу. При щелчке по родительскому элементу вы должны нацелить слайдер и обновить свойство disabled, как показано ниже.

$('input').parent().on('click', function () {
  var $slider = $(this).find('input');
  //$slider.update({"disable": false});
  alert('The slider was clicked!');
});

.container {
  display: inline-block;
}

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<div class="container">
  <input type="text" disabled />
</div>