jQuery UI Slider beim Verschieben ändern

Question

Bearbeiten: Ich habe dieses Problem immer noch nicht gelöst. Wenn jemand einen Rat hat, würde ich es begrüßen.

Ich habe einen jquery Schieberegler mit zwei Balken, die der Benutzer ändern kann, um eine Preisspanne auszuwählen. Unter dem Schieberegler zeige ich min: $ xxx und max: $ xxx, um die aktuelle Preisspanne anzuzeigen. Hier ist der Code:

$("#slider-price .slider").slider({ 
    step: 10, 
    animate: true, 
    range: true, 
    min: 0, 
    max: 500, 
    values: [range_price[0],range_price[1]], 
    slide: function() { 
     range_price = $(this).slider("option", "values"); 
     $("#low-price-label").text("Min: $"+range_price[0]); 
     $("#high-price-label").text("Max: $"+range_price[1]); 
    } 
}); 

Die Dia Option betrachtet, was der Wert des Schiebers ist, und aktualisiert die Min- und Max-Zahlen. Sie ändern sich jedoch erst bei mouseup, nachdem der Benutzer die Leiste verschoben hat. Ich möchte, dass die Zahlen aktualisiert werden, wenn der Benutzer die Balken verschiebt. Wie mache ich das?

Answer 1

Ich benutze dies in einem Media-Player schrieb ich

slide: function(event, ui) { 

$("#amount").text(ui.value); 

} 

bearbeiten: Einfach wieder lesen Ihre Frage, sollten Sie in der Lage sein ‚ui.values‘ zu verwenden, anstatt Wert des Arrays zurück, analysieren es und geh von dort.

edit2: Probieren Sie diese Funktion statt der, die Sie haben.

slide: function(event,ui) {   
    range_price = ui.values; 
    $("#low-price-label").text("Min: $"+range_price[0]); 
    $("#high-price-label").text("Max: $"+range_price[1]); 
}