Форум

Novichek_pro · #1 (**permalink**) 06.12.2016, 01:02

Доброй ночи! Такая вот задача, не знаю как решить.
Использую vertical slider из jquery ui, мне нужно по нажатию кнопки плавно переместить ползунок на слайдере. Как правильно это сделать?

Делал так, но перемещение происходит моментально:

$('#buttonClick').on('click', function(){

         
   $("#slider2").slider({
    orientation: "vertical",
	min: 0,
	max: 1,
    step: 0.1,
	value: 1,
    animate: "slow"

});

Можно как-нибудь решить эту задачу?

рони · #2 (**permalink**) 06.12.2016, 10:24

Сообщение от Novichek_pro

нужно по нажатию кнопки плавно переместить ползунок на слайдере.

насколько и куда? и почему нужно бесконечно инициализировать слайдер?

рони · #3 (**permalink**) 06.12.2016, 10:29

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>

Novichek_pro · #4 (**permalink**) 06.12.2016, 21:20

Спасибо большое! Все работает, очень благодарен

Dilettante_Pro · #5 (**permalink**) 07.12.2016, 11:36

рони,
А какую роль играет в вашем примере

$('#buttonClick').on('click', function(){$("#slider2").slider( "value",.5 );  })

???

рони · #6 (**permalink**) 07.12.2016, 11:45

Dilettante_Pro,
кликни по buttonClick узнаешь

Dilettante_Pro · #7 (**permalink**) 07.12.2016, 12:16

рони,
Кликал, встает на середину. Но зачем? Или просто как пример управления кнопкой?

рони · #8 (**permalink**) 07.12.2016, 13:52

Сообщение от Dilettante_Pro

просто как пример управления кнопкой?

да

Форум

Справочник

Discord чат

Курсы javascript