Suwaki zależne od siebie w JQuery

0

Witam.
Mam taki problem. Mam dziesięć suwaków generowanych w pętli. Chciałbym teraz osiągnąć taki efekt, że gdy przesuwam, np. pierwszy suwak to wartość następnych dziewięciu zmniejsza się o 1.

 $("#container-"+myfname).slider({
				value:startvalue,
				min: parseFloat(jsonOptions.slider_min),
				max: parseFloat(jsonOptions.slider_max),
				step: parseFloat(jsonOptions.slider_step),
				create: function() {
					$('#slider-callout-'+myfname).appendTo($('#container-'+myfname+' .ui-slider-handle').get(0));
				},
				slide: function( event, ui ) {
                    displayvalue=''+ui.value;
					displayvalue=displayvalue.replace(/\./,LSvar.sLEMradix);
					$(thisinput).val(displayvalue);
					$(thisinput).triggerHandler("keyup");
					$('#slider-callout-'+myfname).text(jsonOptions.slider_prefix + displayvalue + jsonOptions.slider_suffix);
				}
			});
			// Update the value of the input if Slider start is set
			if(!havevalue && startvalue && jsonOptions.slider_displaycallout){
                startvalue=''+startvalue;				
                startvalue=startvalue.replace(/\./,LSvar.sLEMradix);
				$("#slider-callout-"+myfname).text(jsonOptions.slider_prefix + startvalue + jsonOptions.slider_suffix);
				$(thisinput).val(startvalue);
                $(thisinput).triggerHandler("keyup"); 
			}
			
			// Reset on click on .slider-reset
			$(this).on("click",".slider-reset",function(){
				if(jsonOptions.slider_startvalue=="NULL"){
					$( "#container-"+myfname ).slider( "option", "value", "" );
				}else{
					$( "#container-"+myfname ).slider( "option", "value", jsonOptions.slider_startvalue );
				}
				if(jsonOptions.slider_displaycallout && jsonOptions.slider_startvalue!="NULL"){
                    
					$('#slider-callout-'+myfname).text(jsonOptions.slider_prefix + jsonOptions.slider_startvalue.replace(/\./,LSvar.sLEMradix) + jsonOptions.slider_suffix);
					$(thisinput).val(jsonOptions.slider_startvalue);
				}else{
					$('#slider-callout-'+myfname).text("");
					$(thisinput).val("");
				}
				$(thisinput).triggerHandler("keyup");
1

dodaj do tych suwakow ktore chcesz ustawiac wspolna klase lub zapakuj je w kontener o danym id.

potem jak masz fukcje reagujaca na przesuwania suwaka glownego: slide to w niej przeciagnij petla po wszystkich suwakach potomnych i ustaw im wartosc mniejsza o jeden.

jesli wartosc ma byc mniejsza o jeden od wartosci suwaka glownego

$( "#eq > span" ).each(function() {
          $( this ).slider( "value", ui.value - 1 );
        });

jesli wartosc ma byc mniejsza o jeden od wartosci aktualnej suwaka:

$( "#eq > span" ).each(function() {
          $( this ).slider( "value", $(this).slider("value") - 1 );
        });

u mnie eq to id kontenera w ktorym sa suwaki ustawione w span, u ciebie to pewnie bedzie inaczej

1 użytkowników online, w tym zalogowanych: 0, gości: 1