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

标签 javascript jquery rangeslider ion-range-slider

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

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

最佳答案

您需要将点击事件绑定(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>

关于javascript - IonRangeSlider 禁用以启用使用 Jquery 的 Click 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52089545/

相关文章:

javascript - JavaScript 中的立即调用函数表达式 (IIFE) - 传递 jQuery

javascript - 如何使用 jQuery DataTables 从所有页面提交复选框

javascript - 如何检测鼠标何时在某个圆圈之外?

javascript - 尝试获取我的范围 slider 显示值。 ( Bootstrap 4/JS)

jQuery Range Slider 未加载到模态框中

javascript - future 时间的接载预估 Uber API

JavaScript 和多个工具提示

javascript - jQuery 从选择框中显示两个按钮

jQuery-Validation-Engine - 当值为空时,自定义 funcCall 验证会导致错误

javascript - 如何使用 CSS3 和 Javascript 创建双范围 slider ?