JQ UI подпрыгивает ручка слайдера - JavaScript, Ajax

UltraFreizer · 25.08.2013, 20:23

Стандартным образом создаю вертикальный слайдер с помощью JQ UI.
Вот только если изменяю, высоту ручки больше стандартной (20px), тогда когда кликаю по ручке слайдера и перемещаю курсор мыши хотя бы на 1 пиксель в любую сторону - ручка слайдера подпрыгивает на несколько пикселей.
Хотелось бы сделать так, чтоб не подпрыгивала.
Заранее спасибо за ответы.
Вот ссылка.

Код HTML:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <style type="text/css">
    .ui-slider .ui-slider-handle{
        height: 30px;   
    } 
  </style>
  <script>
  $(function() {
    $(".slider-vertical").slider({
      orientation: "vertical",
    });
  });
  </script>
</head>
<body>
    <div class="slider-vertical"></div>
</body>
</html>

UltraFreizer · 26.08.2013, 18:42

Ответ найден. Тема закрыта.

25.08.2013, 20:23	#1
UltraFreizer Регистрация: 21.08.2013 Сообщений: 5	JQ UI подпрыгивает ручка слайдера Стандартным образом создаю вертикальный слайдер с помощью JQ UI. Вот только если изменяю, высоту ручки больше стандартной (20px), тогда когда кликаю по ручке слайдера и перемещаю курсор мыши хотя бы на 1 пиксель в любую сторону - ручка слайдера подпрыгивает на несколько пикселей. Хотелось бы сделать так, чтоб не подпрыгивала. Заранее спасибо за ответы. Вот ссылка. Код HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <style type="text/css"> .ui-slider .ui-slider-handle{ height: 30px; } </style> <script> $(function() { $(".slider-vertical").slider({ orientation: "vertical", }); }); </script> </head> <body> <div class="slider-vertical"></div> </body> </html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Изменение стандартного слайдера JQ UI	UltraFreizer	JavaScript, Ajax	2	22.08.2013 13:47
Оптимизация слайдера под IE	FoX2	HTML и CSS	1	25.11.2012 13:21
не помещаются навигационные кнопки слайдера	Магомедсалам	HTML и CSS	0	21.08.2012 17:08
Таймер для слайдера (jQuery)	KARTOH	JavaScript, Ajax	1	23.05.2011 22:13
Как переделать значение слайдера	MiGuel1993	Visual C++	0	15.05.2011 13:06

26.08.2013, 18:42	#2
UltraFreizer Регистрация: 21.08.2013 Сообщений: 5	Ответ найден. Тема закрыта.