Al reconstruir un Bootstrap Slider este no obtiene nuevamente el valor

Al reconstruir un Bootstrap Slider, este no obtiene nuevamente el valor de la posición actual.

Código Javascript :

Este es el códígo:

//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

Código Javascript :

<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.