javascript - 使用 Jquery 禁用 IonRangeSlider 以启用单击事件

Question

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

我应该怎么办 ？使用 Jquery 和 JavaScript。

Answer 1

您需要将单击事件绑定到滑块元素，但由于无法将单击事件绑定到禁用的元素，因此必须将此事件绑定到父元素。单击父级时，您将定位滑块并更新 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>