Al reconstruir un Bootstrap Slider, este no obtiene nuevamente el valor de la posición actual
Publicado por José (1 intervención) el 16/11/2016 18:46:57
Al reconstruir un Bootstrap Slider, este no obtiene nuevamente el valor de la posición actual.
Este es el códígo:
//HTML aspx
Cuando deslizo el Slider y queda en una posición antes de reconstruirlo funciona. Pero una vez que se reconstruye, no funciona la obtención de la posición actual.
Este es el códígo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
//SlideStop función para obtener el valor de la posición actual
$("#ex19").on("slideStop", function (slideEvt) {
valopt = $("#ex19").slider("getValue");
if (valopt == 1) {
rslider(); // llama la función cuando la posición actual es 1
}
else if (valopt == 4)
{
alert('Hello'); // muestra el mensaje cuando la posición actual es 4
}
});
// Function para reconstruir slider
function rslider(){
$("#ex19").slider('destroy');
$("#ex19").slider({
ticks: [1, 2, 3, 4],
ticks_labels: ['1', '2', '3', '4'],
ticks_snap_bounds: 1,
tooltip: 'hide',
min: 1,
max: 4,
value: 1,
step: 1
});
$("#ex19").slider('refresh');
}
//HTML aspx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="content">
<form id="form1" runat="server">
<div id="slider">
<input id="ex19" type="text"
data-provide="slider"
data-slider-ticks="[1, 2, 3]"
data-slider-ticks-labels='["short", "medium", "long"]'
data-slider-min="1"
data-slider-max="3"
data-slider-step="1"
data-slider-value="1"
data-slider-tooltip="hide"
runat="server" />
</div>
</form>
</div>
Cuando deslizo el Slider y queda en una posición antes de reconstruirlo funciona. Pero una vez que se reconstruye, no funciona la obtención de la posición actual.
Valora esta pregunta


0