基础标签,一个不起作用

时间:2013-06-13 16:20:25

标签: javascript html zurb-foundation

我的页面上有两个标签,我希望页面在初始化时关闭两个标签页。我无法让它发挥作用。如果我切换到手风琴,我可以让两者都关闭。

标签是否有不同的属性?

此外,如果您单击已打开的选项卡,我会假设会关闭选项卡。然而事实并非如此。

<div class="section-container auto tabs" data-section data-options="one_up: false;">
  <section>
    <p class="title" data-section-title><a href="#">Section 1</a></p>
    <div class="content" data-section-content>
      <p>Content of section 1.</p>
    </div>
  </section>
  <section>
    <p class="title" data-section-title><a href="#">Section 2</a></p>
    <div class="content" data-section-content>
      <p>Content of section 2.</p>
    </div>
  </section>
</div>

http://jsbin.com/omuvik/1/

1 个答案:

答案 0 :(得分:1)

我认为这是基金会团队的一项设计决定,因为标签内容通常会始终打开一个部分。如果你调整浏览器窗口的大小,所有的手风琴元素都关闭到那些成为制表符的断点,第一个将被强制打开,这使它看起来像是故意的行为。

您可以尝试在data-options属性中设置回调函数:如果从所有标签部分删除“有效”类,它们都将被关闭。