顶部栏淹没链接不起作用

Question

我已经设置了顶部栏导航，并且下拉列表按预期显示。但是，当我单击下拉链接时，下拉列表就会消失。页面未按预期前进到 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>

Answer 1

您是否尝试<section>标签中添加数据顶栏？

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