ajax加载后Bootstrap-slider消失答案

【问题标题】：Bootstrap-slider disappears after ajax loadajax加载后Bootstrap-slider消失
【发布时间】：2016-02-17 16:54:11
【问题描述】：

当我使用 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>

滑块和 ajax 触发器：

$('#ex1').bootstrapSlider({
  formatter: function(value) {
  document.getElementById("my_age").innerHTML = value+' years old';
  return 'Age: ' + value;
  }
});

$(document).on('click','#radioBtn a', function(){
    var sel = $(this).data('title');
    reload_page(sel);
});

阿贾克斯：

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

任何帮助将不胜感激！

【问题讨论】：

标签： javascript jquery ajax twitter-bootstrap

【解决方案1】：

对于遇到此问题的其他人，我不确定这是否是所提出问题的“解决方案”，但在 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');
});

完全归功于http://seiyria.com/bootstrap-slider/

【讨论】：