Javascript 引导滑块在ajax加载后消失

当我使用Ajax调用刷新页面时，我的引导滑块消失（在初始页面加载时工作正常）

这似乎是前面提出的一个类似问题，但我无法根据提供的与ajax成功后调用函数和/或绑定元素相关的答案使代码正常工作。我的HTML：

<input id="ex2" data-slider-id='ex2Slider' type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="8" data-slider-tooltip="show"/>
<h5><b><div id="gift_age"></div></b></h5>

阿贾克斯：

---

任何帮助都将不胜感激

对于其他遇到此问题的人，我不确定这是否是所提出问题的“解决方案”，但在jquery之外的绑定中是有效的：

<input id="ex1" type="text" data-slider-min="0" data-slider-max="70" data-slider-step="1" data-slider-value="8" data-slider-tooltip="show"/>
<span id="ex1SliderValLabel"><span id="ex1Age">who is 8 years old</span></span>

var slider = new Slider('#ex1');
slider.on("slide", function(value) {
$("#ex1Age").text('who is ' + value + ' years old');
});

谁是8岁
变量滑块=新滑块（'#ex1'）；
滑块打开（“滑块”，函数（值）{
$（“#ex1Age”）.text（‘谁是’+value+‘岁’）；
});

完全归功于

function reload_page(selected)  {
   $.ajax({
          type: "GET",
          url: "/",
          data: {giftPerson:selected} ,
          success: function(data) {
                $('#mastercontainer').html(data);
          }
    });
}

<input id="ex1" type="text" data-slider-min="0" data-slider-max="70" data-slider-step="1" data-slider-value="8" data-slider-tooltip="show"/>
<span id="ex1SliderValLabel"><span id="ex1Age">who is 8 years old</span></span>

var slider = new Slider('#ex1');
slider.on("slide", function(value) {
$("#ex1Age").text('who is ' + value + ' years old');
});