IonRangeSlider 被禁用以使用 Jquery 启用 on Click 事件

Question

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

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

Answer 1

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

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