Jquery滑块范围不适用于iPad

下面是我的Jquery滑块范围（最小 - 最大）代码，该拖动在台式计算机上工作正常，但是当我在iPad上测试时，它不起作用。任何人都可以帮助我吗？Jquery滑块范围不适用于iPad

不幸的是我不能附加图片。下面是滑块范围的图，

=====（>）=======（<）=====

var maxValue,myRequest,isDown=false,setUrl; 
setUrl = "/search_type/filter.php"; 

$("#slider-range").slider({ 
    range: true, 
    min: 0, 
    max: 500, 
    step:25, 
    orientation: "horizontal", 
    values: [ 0,500 ], 
    slide: function(event, ui) { 

    if(ui.values[1] === 500) 
    { 
     maxValue = 500+"+"; 
    } 
    else 
    { 
     maxValue = ui.values[1]; 
    } 
     $("#priceRange").val("£" + ui.values[ 0 ] + " to £" + maxValue); 
    } 
}); 

// AJAX CALL 
$("#slider-range").find('a').mousedown(function(){ 
    isDown=true; 
}); 
$(document).mouseup(function(){ 
    if(isDown) 
    { 
     return setAjaxRequest(); 
    } 
}); 

// Decoration drag image 
$("#slider-range") 
.find('.ui-slider-handle') 
.eq(0).addClass('a-right').end() 
.eq(1).addClass('a-left'); 

//Default this is 
    $("#priceRange") 
    .val("£" + $("#slider-range") 
    .slider("values", 0) + " to £" + $("#slider-range") 
    .slider("values", 1)+'+'); 
    return true;

来源

2012-08-14 Sappy

尝试此http://touchpunch.furf.com/

我用于一个项目，它解决了我对iPad和触摸设备

而且在cdnjs

来源

2012-08-14 20:59:51 chepe263

它的工作，它的一个魔法代码！谢谢 – Sappy 2012-08-15 07:31:03

throat .....完美的解决方案.. – ARUNRAJ 2012-11-07 06:24:51

是的。毫无疑问，它是一个好的解决方案。但我在Windows 8触摸屏PC和IE-11浏览器中发现了一些错误。如果您有任何解决方法，请分享。无论如何，感谢这个答案。 – varun 2014-06-26 12:59:14

提供的问题作为建议，我用http://touchpunch.furf.com/

它工作完美！

到HTML页面我用：

<script src="_js/jquery-1.9.1.min.js"></script> 
<script src="_js/jquery-ui-1.10.1.custom.min.js"></script> 
<script src="_js/jquery.ui.touch-punch.min.js"></script>

JavaScript代码，我用来创建滑块范围：

var slider = $("#dv_sliderrange").slider({ 
     range: true, 
     orientation: 'horizontal', 
     min: 0, 
     max: 10000, 
     step: 10, 
     values: [ 0, 10000 ], 
     // Update my own form fields with the Slider values 
     slide: function(event, ui) { 
      $("#fd_amount0").val("$ " + ui.values[ 0 ]); 
      $("#fd_amount1").val("$ " + ui.values[ 1 ]); 
     } 
    }).draggable();

来源

2013-04-10 13:08:19

非常感谢您的答案。我尝试了这个解决方案，起初它对我没有任何作用。然后我意识到我还有一个js文件正在破坏这个功能。这是jQuery进度栏js.I删除它完美的工作。

来源

2014-11-04 21:29:18 learner88

Jquery滑块范围不适用于iPad

回答

相关问题