Jquery-slider-range funktioniert nicht auf dem iPad

unten ist mein Jquery slider range (min-max) - code, der das ziehen funktioniert auf desktop-computer, aber wenn ich testen diese auf dem iPad, es funktioniert nicht. Kann jemand mir dabei helfen bitte?

Leider kann ich kein Bild Anhängen. Unten ist das Diagramm der Regelbereich,

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

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;
InformationsquelleAutor Sappy | 2012-08-14
  1. 20

    Versuchen, diese http://touchpunch.furf.com/

    Habe ich für ein Projekt und es löste die Probleme, die ich hatte auf dem ipad und touch-Geräte

    Auch in cdnjs

    • Es funktionierte, es ist ein magic code! Dank
    • thnks.....Perfekte Lösung..
    • Ja. Kein Zweifel, es ist eine gute Lösung. Aber ich fand einige Fehler in windows 8 touch-screen-PC und im IE-11-Browser. Bitte teilen, wenn Sie irgendeine Abhilfe. Trotzdem, vielen Dank für diese Antwort.
    • Nicht für mich arbeiten. Ich Teste das in android-Handys und es funktioniert immer noch nicht
    InformationsquelleAutor chepe263
  2. 4

    Vorgeschlagen, die ich verwendet, http://touchpunch.furf.com/

    und es funktionierte perfekt!

    In die HTML-Seite, die ich verwendet habe:

    <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, die ich verwendet, um erstellen Sie die Schieberegler-Bereich:

    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();
    InformationsquelleAutor Fabio Nolasco
  3. 0

    Vielen Dank für die Antworten. Ich habe versucht, die Lösung und es wurde nicht gearbeitet, für mich auf den ersten.Dann merkte ich, dass ich noch eine weitere js-Datei, die das brechen der Funktionalität. Es wurde jquery progress bar js.Ich entfernt es funktionierte perfekt.

    InformationsquelleAutor learner88
Schreibe einen Kommentar