CODEWITHSUNDEEP
javascriptjqueryiphonehtmlslider
Mukesh
Mukesh

Reputation: 7798

How to make jQuery slider sensitive to work properly on iphone?

In one of my project I am using slider like following(similar to given below).

How can I make this more sensitive so that it work efficiently in iPhone.Currently it is not properly working in iPhone.When I drag slider its response is not good. This works well with Samsung Galaxy.

Please Help

<!doctype html> 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Slider - Default functionality</title>
  <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>
  <script src="jquery.ui.touch-punch.js"></script> 
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  jQuery(function() {
    jQuery( "#slider" ).slider();

  });
  </script>
</head>
<body>

<div id="slider"></div>


</body>
</html>

If I add 'jQuery mobile' will it help?

Upvotes: 0

Views: 2391

Answers (2)

Luci
Luci

Reputation: 3274

Download this https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js and include it on your path. It will solve your problem.

Upvotes: 1

slash197
slash197

Reputation: 9034

Try adding the step parameter with a small value for example:

$("#slider").slider({
   min: 0,
   max: 10,
   step: 0.1
});

Upvotes: 1

Related Questions