codice:
$(".tabs-2").click(function() {
			if(opt[0] == undefined) {
				$.getJSON("options.php", function(data){
					opt = data;
					for(var i in data) {
						$("#tabs-2").append("<label for='amount-"+data[i].id+"'>Weight of "+data[i].property+":</label>");
						$("#tabs-2").append(" <input type='text' id='amount-"+data[i].id+"' style='border: 0; background: none; font-weight:bold;' value='"+data[i].weight+"' />");
						$("#tabs-2").append("<div id='slider-range-max-"+data[i].id+"'></div>");
						$("#slider-range-max-"+data[i].id).slider({
							range: "max",
							min: 0,
							max: 1.0,
							step: 0.1,
							value: data[i].weight,
							slide: function(event, ui) {
								$("#amount-"+data[i].id).val(ui.value);
							}
						});
						$("#amount-"+data[i].id).val($("#slider-range-max-"+data[i].id).slider("value"));
					}					
				});
			}		
			return false;
		});
Ragazzi il codice su non fa altro che crearmi differenti sliders.
A tal proposito uso la libreria jquery.ui.slider.js.
Funziona tutto benone, al caricamento della pagina mi compaiono N sliders, l'unico problema è che utilizzandone uno, vorrei che il rispettivo valore cambiasse e venisse aggiornato il valore dell'elemento id #amount-NUMERO.
Tutto ciò non succede perchè utilizzando uno slider qualsiasi l'unico valore che cambia è quello dell'ultimo id, nonostante parta dal valore dello slider selezionato.