Включить кнопку после взаимодействия с ползунком начальной загрузки - PullRequest
Новая
       26

Включить кнопку после взаимодействия с ползунком начальной загрузки

1 голос
/ 09 мая 2019

Я кодирую эксперимент, и мне нужно активировать отключенную кнопку только после нажатия / перетаскивания ползунка начальной загрузки.

Я пробовал щелкать мышью, 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">

Это обсуждение сообщества уже помогло мне десятки раз, я очень ценю ваше время! Дайте мне знать, если вопрос недостаточно ясен.

1 Ответ

1 голос
/ 09 мая 2019

Используйте событие slideStop: 

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

Обновленная скрипка

Источник

...