IonRangeSlider禁用使用Jquery的Click事件

Question

页面加载时间使用 disable：true 禁用IonRangeSlider一旦页面加载成功，我将单击滑块，并且应该启用并设置位置。

我该怎么办？使用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>