如何使jQuery滑塊敏感在iPhone上正常工作？

在我的一個項目中，我使用如下的滑塊（類似於下面給出的）。如何使jQuery滑塊敏感在iPhone上正常工作？

如何讓這個更敏感，使其在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的' 將幫助？

來源

2013-05-14 Muk

嘗試添加step參數與例如一個很小的值：

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

來源

2013-05-14 10:29:29 slash197

請問您爲什麼使用step？ – Muk 2013-05-14 10:36:24

步驟定義了滑塊上有多少個移動點，滑動越平滑。 – slash197 2013-05-14 14:48:55

感謝您的回覆。但是當我嘗試在iPhone中滑動滑塊時，整個頁面都會移動。是否有適當的方式選擇滑塊，然後移動到觸摸設備中？因爲我第一次使用觸摸屏設備。 – Muk 2013-05-14 15:07:59

下載此https://raw.github.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js，包括它的路徑上。它會解決你的問題。

來源

2013-07-18 07:27:40 Luci

我不知道如何或爲什麼，但它現在的作用至少比它確實好很多。 – MSpreij 2013-11-14 18:56:52

此解決方案適用於我。 – Scratcha 2014-09-23 09:03:55

如何使jQuery滑塊敏感在iPhone上正常工作？

回答

相關問題