tengo un jsfiddle.
https://jsfiddle.net/nacs2025/44mxnzbu/
Aquí hay un intput tag:
<div class="marging">
<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"]' />
</div>
<br/>
<br/>
<button id="myButton">
OKAY
</button>
Cuando le dé clic al botón quiero agregar los siguientes atributos y tambien actualizar los dos que ya están:
'data-slider-min':"1",
'data-slider-max':"3",
'data-slider-step':"1",
'data-slider-value':"3",
'data-slider-tooltip':"hide"
Tengo este javascript que funciona parcialmente.
var spanishLabels = ["Enero", "Febrero", "Marzo"];
var num = [1,2,3];
$('#myButton').click(function() {
$('.data-slider-ticks-labels').each(function(index) {
$(this).text(spanishLabels[index]);
});
$('.data-slider-ticks').each(function(index) {
$(this).text(num[index]);
});
$( "#ex19" ).attr({
'data-slider-min':"1",
'data-slider-max':"3",
'data-slider-step':"1",
'data-slider-value':"3",
'data-slider-tooltip':"hide"
});
});
Que estoy haciendo mal, porqué el JS no me funciona del todo bien.