www.webdeveloper.com
Results 1 to 2 of 2

Thread: JQ UI slider handle jumps

  1. #1
    Join Date
    Aug 2013
    Posts
    5

    JQ UI slider handle jumps

    The standard way to create a vertical slider by JQ UI. That's only if the cheating, the height of the handle more than the standard (20px), then when I click on the slider handle and move the mouse at least one pixel in any direction - the handle of the slider jumps a few pixels. I would like to do so, that does not bounce. Thank you in advance for your answers. Here is the link.

    HTML Code:
    <!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>

  2. #2
    Join Date
    Aug 2013
    Posts
    5
    The answer is found. Topic is closed.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles