Плавное изменение положения ползунка
Доброй ночи! Такая вот задача, не знаю как решить.
Использую vertical slider из jquery ui, мне нужно по нажатию кнопки плавно переместить ползунок на слайдере. Как правильно это сделать? Делал так, но перемещение происходит моментально:
$('#buttonClick').on('click', function(){
$("#slider2").slider({
orientation: "vertical",
min: 0,
max: 1,
step: 0.1,
value: 1,
animate: "slow"
});
Можно как-нибудь решить эту задачу? |
Цитата:
|
Novichek_pro,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css"> #slider2 { margin: 10px; height: 300px; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
$("#slider2").slider({
orientation: "vertical",
min: 0,
max: 1,
step: 0.1,
value: 1,
animate: 1200
});
$('#buttonClick').on('click', function(){$("#slider2").slider( "value",.5 ); })
});
</script>
</head>
<body>
<div id="slider2"></div>
<div id="buttonClick">buttonClick</div>
</body>
</html>
|
Спасибо большое! Все работает, очень благодарен
|
рони,
А какую роль играет в вашем примере
$('#buttonClick').on('click', function(){$("#slider2").slider( "value",.5 ); })
??? |
Dilettante_Pro,
кликни по buttonClick узнаешь |
рони,
Кликал, встает на середину. Но зачем? Или просто как пример управления кнопкой? |
Цитата:
|
| Часовой пояс GMT +3, время: 22:28. |