Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使jQuery滑块敏感,以便在iphone上正常工作?_Javascript_Jquery_Iphone_Html_Slider - Fatal编程技术网

Javascript 如何使jQuery滑块敏感,以便在iphone上正常工作?

Javascript 如何使jQuery滑块敏感,以便在iphone上正常工作?,javascript,jquery,iphone,html,slider,Javascript,Jquery,Iphone,Html,Slider,在我的一个项目中,我使用了如下类似的滑块(类似于下面给出的) 如何使其更敏感,以便在iPhone中有效工作。目前它在iPhone中无法正常工作。当我拖动滑块时,其响应不好。这在三星Galaxy上运行良好 请帮忙 <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Default functional

在我的一个项目中,我使用了如下类似的滑块(类似于下面给出的)

如何使其更敏感,以便在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 UI滑块-默认功能
jQuery(函数(){
jQuery(“#slider”).slider();
});

如果我添加“jQuery mobile”会有帮助吗

尝试使用较小的值添加
步骤
参数,例如:

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

下载此文件并将其包含在您的路径中。这将解决您的问题。

您能告诉我为什么使用step吗?step定义滑块上有多少个移动点,滑动越平滑。谢谢回复。但是当我尝试在iPhone中滑动滑块时,整个页面都会移动。有没有合适的方法选择滑块,然后在触摸设备中移动?因为我第一次使用触摸屏设备。你的答案非常有用。你的答案加上一些z指数帮助了我。谢天谢地,我不知道是怎么回事,也不知道为什么,但事实上,它现在的效果至少比以前好多了。