Jquery Schieberegler Bereich funktioniert nicht auf iPad

Question

unten ist mein Jquery Slider Bereich (Min-Max) -Code, der Drag funktioniert gut auf Desktop-Computer, aber wenn ich dies auf dem iPad testen, funktioniert es nicht. Kann mir bitte jemand helfen?

Leider kann ich kein Bild anhängen. Im Folgenden finden Sie das Diagramm des Gleiters Bereich,

===== (>) ======= (<) =====

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; 

Answer 1

dieses

I http://touchpunch.furf.com/ Versuchen für ein Projekt verwendet, und es löste die Probleme, die ich

auch in cdnjs

Answer 2

auf iPad und Touch-Geräte hatten Wie bereits angedeutet, habe ich http://touchpunch.furf.com/

und es hat perfekt funktioniert!

in der HTML-Seite, die ich verwenden:

<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-Code, den ich den Slider Bereich erstellt hat:

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(); 

Answer 3

Vielen Dank für die Antworten. Ich habe die Lösung ausprobiert und es funktionierte zunächst nicht für mich. Dann erkannte ich, dass ich noch eine js-Datei hatte, die die Funktionalität durchbrach. Es war jquery Fortschrittsbalken js.Ich entfernte es perfekt.