0

我正在尝试在标签内容中添加一个范围滑块。当我将范围滑块放在第一个选项卡内容中时，一切正常，但是当我尝试在第二个选项卡内容中添加另一个范围滑块时，此范围滑块无法正常充电。

当范围滑块位于选项卡内容之外时，一切正常，但我需要它在里面。谁能帮我解决这个问题？

我的代码：

<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 文档 - 分别它们工作正常。

4

2 回答 2

0

为我试试这个在制表符/手风琴等中工作。

$(document).foundation({
tab/accordion:{callback : function (tab/accordion) {
$(document).foundation('slider', 'reflow');
}}
});
于 2015-03-26T15:42:33.030 回答
0

是的，我解决了这个问题。我没有使用基础的滑块，而是使用了 jqueryui.com/slider/ 的滑块，一切正常。Talegna - 我没试过你的方法 - 我下次试试。谢谢。

于 2014-10-31T06:03:14.160 回答