2016-09-29 5 views
-2

Ich habe die folgende Spurleiste.Ersetzen Sie HTML-Tag durch jquery

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script> 
     <script src="http://seiyria.com/bootstrap-slider/js/bootstrap-slider.js"></script> 
     <link href="http://seiyria.com/bootstrap-slider/css/bootstrap-slider.css" rel="stylesheet"> 
     <link href="http://seiyria.com/bootstrap-slider/dependencies/css/bootstrap.min.css" rel="stylesheet"> 

<input id="ex19" type="text" 
     data-provide="slider" 
     data-slider-ticks="[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]" 
     data-slider-ticks-labels='["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]' 
     data-slider-min="1" 
     data-slider-max="12" 
     data-slider-step="1" 
     data-slider-value="6" 
     data-slider-tooltip="hide"/> 

     <br/> 
     <br/> 
     <br/> 
     <button id="myButton">Change bar</button> 

Wenn ich auf die Schaltfläche klicken, wird die trackbar mit neuen Werten

data-slider-ticks="[1, 2, 3, 4, 5, 6]" 
     data-slider-ticks-labels='["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio"]' 

     data-slider-min="1" 
     data-slider-max="6" 
     data-slider-step="1" 
     data-slider-value="3" 
     data-slider-tooltip="hide"/> 

Ich mag nicht mit weiteren Details gehen aktualisiert werden, da das Projekt es sehr komplex ist und es neigt dazu, zu verwirren. Ich bleibe bei dem oben Gesagten hängen. Danke für die Hilfe.

Dies ist ein Code ich in JS gefunden:

var Labels = ["Enero", "Febrero", "Marzo"]; 
$('#myButton').click(function() { 
$('.slider-tick-label').each(function(index) { 
$(this).text(Labels[index]); 
});   
}); 

denke, ich kann es nicht, weil ich mit den richtigen Informationen aktualisiert alle Tag erhalten müssen nicht funktioniert.

+0

Sie stecken fest? was bedeutet das? Bitte geben Sie an, mit was Sie stecken –

+0

Ich habe keine Idee, wie Sie das Problem lösen können, bitte geben Sie mir eine Orientierung. –

+0

@ N'oel mit welchem ​​speziellen "steckst du gerade"? Du hast nicht gesagt, was nicht funktioniert, und du hast uns nicht deinen ganzen Code gegeben, also ist es fast unmöglich zu helfen, wenn wir nicht wissen, was falsch ist. –

Antwort

0

Wenn es keinen Code gibt, den Sie uns nicht zeigen, existiert '.slider-trick-label' nicht

+0

Er hat vielleicht "[slider-trick-label]" gemeint ... –

Verwandte Themen