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

回答

相關問題