Superfish水平导航栏CSS问题答案

【问题标题】：Superfish horizontal nav-bar css issueSuperfish水平导航栏CSS问题
【发布时间】：2012-08-27 22:10:51
【问题描述】：

我目前在我的网站 www.bonusrunner.net 上使用 Superfish (http://users.tpg.com.au/j_birch/plugins/superfish/#sample4) 创建的水平导航栏（正在建设中：）

.css 和 .js 文件可以在这里下载：http://users.tpg.com.au/j_birch/plugins/superfish/#download

我正在为一些 CSS 调整而苦苦挣扎。我希望我的菜单与http://www.oddsportal.com 上的菜单完全相同 - 有人可以帮帮我吗？首先，如何使我的子菜单永久可见，其次我希望子菜单背景的宽度为 100%。

最好的，斯莱格

【问题讨论】：

标签： css menu superfish

【解决方案1】：

首先，将示例 (#4) 中的正确代码添加到您的页面：

$(document).ready(function(){ 
    $("ul.sf-menu").superfish({ 
        pathClass:  'current' 
    }); 
});

（您忘记了页面上的 pathClass）。

然后包含的superfish-navbar.css 将负责其余的工作。

更新

<ul class="sf-menu sf-navbar sf-js-enabled sf-shadow">
    <li class="current">
        <a href="http://www.bonusrunner.net/#a" class="sf-with-ul">Bonusrunner<span class="sf-sub-indicator"> »</span></a>
        <ul>
            <li>
                <a href="http://www.bonusrunner.net/#ab">Anvend Bonusrunner</a>
            </li>
            <li><a href="http://www.bonusrunner.net/#ab">Om Bonusrunner</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Ludomani Test</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Ansvarligt Spil</a></li>

        </ul>
    </li>
    <li>
        <a href="http://www.bonusrunner.net/#a" class="sf-with-ul">Casino<span class="sf-sub-indicator"> »</span></a>
        <ul>
            <li>
                <a href="http://www.bonusrunner.net/#ab">Casino Bonus</a>
            </li>
            <li><a href="http://www.bonusrunner.net/#ab">Casino Guide</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Casino Nyheder</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">No Deposit Casino</a></li>
        </ul>
    </li>
    <li>
        <a href="http://www.bonusrunner.net/#a" class="sf-with-ul">Betting<span class="sf-sub-indicator"> »</span></a>
        <ul>
            <li>
                <a href="http://www.bonusrunner.net/#ab">Betting Nyheder</a>
            </li>
            <li><a href="http://www.bonusrunner.net/#ab">Betting Guide</a></li>
            <li><a href="http://www.bonusrunner.net/#ab">Betting Ekspertråd</a></li>
        </ul>
    </li>

注意应该在加载时打开的菜单上的class="current"。在从您的网站下载的代码上进行了尝试，效果非常好。

【讨论】：

谢谢，但没有区别。菜单工作正常，但我希望我的子菜单永久可见，但不知道如何做到这一点。
在您修复了网站上的 PHP 错误后通知我，以便我再看一下。 :)
非常感谢！现在工作正常。