Question

当我使用Ajax调用刷新页面时，我的bootstrap-slider消失（它在初始页面加载时工作正常）。

这似乎是先前提出的类似问题，但我无法根据提供的答案提供我的代码，这些答案与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>

Slider和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);
});

的Ajax：

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

非常感谢任何帮助！

Answer 1

对于遇到此问题的其他人，我不确定这是＆＃34;解决方案＆＃34;对于提出的问题，但在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/

ajax加载后，Bootstrap-slider消失

1 个答案: