IonRangeSlider禁用使用Jquery的Click事件

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>