javascript - IonRangeSlider 禁用以启用使用 Jquery 的 Click 事件

Question

在页面加载时，IonRangeSlider 使用 disable : true 禁用，一旦页面加载成功，我将点击 slider ，它应该启用并设置位置。

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

Answer 1

您需要将点击事件绑定(bind)到您的 slider 元素，但由于您无法将点击事件绑定(bind)到被禁用的元素，因此您必须将此事件绑定(bind)到父元素。单击父级时，您将定位 slider 并更新禁用属性，如下所示。

$('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>