Bonjour,

J'ai un petit souci avec la mise à jour d'un slider range jQuery après une recherche.

En effet, je souhaiterais qu'une fois la page rechargée après la recherche, le slider soit mis à jour avec les nouvelles valeurs.

Voici le code HTML du slider :

<label for="slider-range-price1-value" class="adv-search-label-recherche-detaillee">Prix :</label>
<input type="text" id="slider-range-price1-value" readonly class="adv-search-amount-recherche-detaillee" name="slide_prix[]">
<div id="slider-range-price1" data-min="0" data-max="<?php echo $prix_max ?>" class="slider-range-prix"></div>

Et l'appel JS qui se fait dans un fichier externe :

$(".slider-range-prix").each( function( index ) {
var sliderId = $( this ).attr('id');
$( this ).slider({
	step: 10000,
	range: true,
	min:  parseFloat($( this ).attr("data-min")),
	max: parseFloat($( this ).attr("data-max")),
	values: [ parseFloat($( this ).attr("data-min")), parseFloat($( this ).attr("data-max")) ],
	slide: function( event, ui ) {
		$( "#" + sliderId + "-value" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
	}
});
$( "#" + sliderId + "-value" ).val( $( this ).slider( "values", 0 ) + " - " + $( this ).slider( "values", 1 ) );
});

Et donc sur ma page de résultats j'ai essayé de mettre à jour le slider avec ce code :

$("#slider-range-price1").slider({
	values: [nouvelle_valeur_a, nouvelle_valeur_b],
});

Mais ça ne fonctionne pas.

Pourriez-vous m'aider ? Merci !