Основание 5: слайдер диапазона внутри вкладок не загружен должным образом

Question

Я пытаюсь добавить слайдер диапазона внутри содержимого табуляции. Когда я помещаю ползунки диапазона в первое содержимое вкладки, все в порядке, но когда я пытаюсь добавить еще один слайдер диапазона во втором вкладке-содержимом, этот слайдер диапазона не заряжается должным образом.

Все работает отлично, когда диапазон-слайдер находится вне содержимого вкладок, но мне нужно, чтобы он был внутри. Может ли кто-нибудь помочь мне с этой проблемой?

Мой код:

<ul class="tabs" data-tab> 
    <li class="tab-title"><a href="#tab1 active">TAB1</a></li> 
    <li class="tab-title"><a href="#tab2">TAB2</a></li> 
</ul> 
<div class="tabs-content"> 
    <div class="content active" id="tab1"> 
     <div class="range-slider radius" data-slider="600" data-options="start: 100; end: 1000; step: 100; display_selector:#t1;"> 
      <span class="range-slider-handle"></span> 
      <span class="range-slider-active-segment"></span> 
      <input type="hidden" name="t1" /> 
     </div>     
    </div> 
    <div class="content" id="tab2"> 
     <div class="range-slider radius" data-slider="1000" data-options="start: 200; end: 2000; step: 200; display_selector:#t2;"> 
      <span class="range-slider-handle"></span> 
      <span class="range-slider-active-segment"></span> 
      <input type="hidden" name="t2" /> 
     </div> 
    </div> 
</div> 

вкладки и диапазон слайдер кода от фундаментных zurb документов - они раздельно работает отлично.

Answer 1

Да, я решил проблему. Вместо слайдера из фундамента я использовал слайдер из jqueryui.com/slider/, и все работает так, как должно. Талегна. Я не пробовал ваш метод. В следующий раз я попробую. Благодарю.

Answer 2

Попробуйте это работает для меня на вкладке/аккордеон и т.д.

$(document).foundation({ 
tab/accordion:{callback : function (tab/accordion) { 
$(document).foundation('slider', 'reflow'); 
}} 
});