Pb Jquery Slider Fermé

Question

Bonjour a tous, J'ai un souci avec mon jquery ui slider, Je voudrais que celui-ci admette différentes valeurs par exemple 1,2,5,7 (avec nombre de pas qui peut etre variable comme ici) et qu'il mette a jour un label J'ai trouvé cet exemple qui s'en rapproche mais celui-ci est basé sur une liste deroulante https://jqueryui.com/slider/#hotelrooms Mon slider marche a peu pres mais je me retrouve avec plusieurs curseurs de sliders comment pourrais je faire pour n'en avoir qu'un seul curseur qui mettrait a jour dans cette exemple les labels ? voici mon code : var slider = $('

').slider({ min: min, max: max, range:true, values: vals, slide: function(event, ui) { $("#sliderInput").val(ui.values[0]); } }); vals etant le tableau des valeurs

Defouille · Answer

Bonjour, je n'ai pas de quoi tester, mais d'apres la doc je pense que tu devrais essayer quelque chose comme ça : var slider = $('

').slider({ values: [1,2,5,7], slide: function(event, ui) { $("#sliderInput").val(ui.values[0]); } });

Defouille · Answer

J'ai une autre solution :

$("#slider").slider({
			min: 1,
			max: 3,
			value: 1,
			slide: function(event, ui) {
				var val = 0 ;
				switch(ui.value)
				{
					case 1:
						val = 1 ;
						break ;
					case 2:
						val = 5 ;
						break ;
					case 3:
						val = 9 ;
						break ;	
				}
				$("#amount").val('$' + val);
			}
		});

tu as un slider de 1 à 3 mais tu modifie la valeur de ton affichage en fonction de ta valeur.

Pb Jquery Slider

2 réponses

Discussions similaires