Question

在我的一个项目中，我使用滑块如下（类似于下面给出的）。

如何让它更敏感，以便它在iPhone中有效工作。目前它在iPhone中无法正常工作。当我拖动滑块时，它的响应不好。这适用于三星Galaxy。

请帮助

<!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>

如果我添加'jQuery mobile'会有帮助吗？

Answer 1

尝试使用较小的值添加step参数，例如：

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

Answer 2

下载此https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js并将其包含在您的路径中。它会解决你的问题。

如何使jQuery滑块敏感在iphone上正常工作？

2 个答案: