Pb Jquery Slider

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 = $('<div id="slider"></div>').slider({
				min: min,
				max: max,
				range:true,
				values: vals,
				slide: function(event, ui) {
				$("#sliderInput").val(ui.values[0]);
				}
			});

vals etant le tableau des valeurs

').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

Newsletters