顶栏下拉链接不起作用

时间:2014-12-08 02:44:33

标签: drop-down-menu zurb-foundation-5

我有顶栏导航所有设置,下拉列表按预期显示。但是,当我点击下拉链接时,下拉列表就会消失。页面不会按预期前进到URI。

我难过......

<section class="top-bar-section second-row">
    <ul>
        <li class="active"><a href="index.html"><i class="fa fa-exclamation-triangle"></i><span> Alert Central</span></a></li>
        <li class="has-dropdown">
            <a href="#"><i class="fa fa-bar-chart"></i><span> Analytics</span></a>
            <ul class="dropdown">
                <li><a href="analytics.html">System Status</a></li>
                <li><a href="analytics-my-use.html">My Use</a></li>
                <li><a href="analytics-user-use.html">My User's Use</a></li>
                <li><a href="analytics-account.html">Account Information</a></li>
            </ul>
        </li>
        <li class="has-dropdown">
            <a href="#"><i class="fa fa-magic"></i><span> Filter Management</span></a>
            <ul class="dropdown">
                <li><a href="keywords.html">Keywords</a></li>
                <li><a href="keywords-categories.html">Categories</a></li>
                <li><a href="locations.html">Locations</a></li>
            </ul>
        </li>
        <li class="has-dropdown">
            <a href="#"><i class="fa fa-users"></i><span> User Management</span></a>
            <ul class="dropdown">
                <li><a href="user.html">Users</a></li>
                <li><a href="user-roles.html">Roles</a></li>
            </ul>
        </li>
    </ul>
</section>

1 个答案:

答案 0 :(得分:1)

您是否尝试在<section>代码中添加数据上边栏

<section data-topbar class="top-bar-section second-row">