Question

我正在编码一个实验，仅在单击/拖动引导程序滑块后才需要激活一个禁用按钮。

我尝试单击，onmousedown，并且滑块的值与50个（设置的初始值）函数不同，但是它们不起作用。但是，由于这是我第一次使用JS和jQuery进行编码，因此我可能没有100％正确地使用它们。

我的代码：

<br><br>
<!-- Format of the slider plus one stylesheet on the top of the page -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/css/bootstrap-slider.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/bootstrap-slider.min.js"></script>

<input id="slider" type="text" data-provide="slider" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="50" />

<br><br>
<!-- Button -->
<input class="MyButton" type="button" value="Next" title="Next Page" tabindex="200" onclick="window.location.href='example.html'" disabled="disabled">

这个社区讨论已经为我提供了十多次帮助，非常感谢您的宝贵时间！让我知道问题是否还不够清楚。

Answer 1

使用slideStop事件：

$("#slider").on("slideStop", function() {
    $(".MyButton").prop("disabled", null);
});

Updated fiddle

Source

与自举滑块互动后启用按钮

1 个答案: