Zurb Foundation 5 Magellan没有设置活动课程

时间:2014-01-03 12:53:54

标签: zurb-foundation

我使用了Zurb的Foundation Magellean粘性导航,除了不想通过以下方式将活动类应用于菜单之外,我设置的所有内容都运行良好:

    $(document).foundation({
        magellan : {
           active_class: 'active',
           threshold: 0
        }
    });

1 个答案:

答案 0 :(得分:4)

您的初始化代码是有效的,这是一个显示它正常工作的小提琴:http://jsfiddle.net/Ka65s/2/

我想问题就在于您的HMTL - 请确保您已将“目的地”设置为与导航中的“到达”相匹配。

即。像这样的东西

导航项目

<div data-magellan-expedition="fixed">
   <dl class="sub-nav">
      <dd data-magellan-arrival="home"><a href="#home">Home</a></dd>
      <dd data-magellan-arrival="about"><a href="#about">About</a></dd>
   </dl>
</div> 

各个内容区域:

<a name="home"></a>
<h3 data-magellan-destination="home">Home</h3> 
<!-- home content here -->

<a name="about"></a>
<h3 data-magellan-destination="about">About</h3>
<!-- about content here -->

虽然没有更多的代码形式,我只是在猜测(提示,提示)。