基礎5：範圍滑塊內部標籤沒有正確加載

我試圖在標籤內容中添加一個範圍滑塊。當我在第一個標籤中放入一個範圍滑塊時，內容一切正常，但是當我嘗試在第二個標籤內容中添加另一個範圍滑塊時，此範圍滑塊無法正確充電。基礎5：範圍滑塊內部標籤沒有正確加載

當範圍滑塊位於tabs-content之外時，一切正常，但我需要它在裏面。任何人都可以幫我解決這個問題嗎？

我的代碼：

<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文檔 - separatly他們工作得很好。

來源

2014-10-10 wanq

什麼是你的現有代碼/標記？ – talegna 2014-10-10 12:58:09

只是在代碼中添加了代碼 – wanq 2014-10-10 14:46:43

我猜你現在可能已經解決了這個問題，但回過頭來看，我依稀記得，因爲一個項目當前沒有顯示，所以jQuery不會像預期的那樣渲染它們（我認爲我的問題是關於設置對象的寬度）。您是否考慮過在顯示包含選項卡之前不執行滑塊創建？如果你已經解決了這個問題，把你做的答案給未來的人找到:-) – talegna 2014-10-29 15:24:02

是的，我解決了這個問題。我使用了jqueryui.com/slider/中的一個滑塊，而不是從基礎開始的滑塊，它的一切工作原理都應該如此。 Talegna - 我還沒有嘗試過你的方法 - 我會在下次嘗試。謝謝。

來源

2014-10-31 06:03:14 wanq

試試這個對我的作品在標籤/手風琴等

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

來源

2015-03-26 15:42:33

基礎5：範圍滑塊內部標籤沒有正確加載

回答

相關問題