1

この wordpress サイトの場合: http://bit.ly/NlBv9I丸みを帯びた角には引き戸を使用し、フォントには cufon を使用します。ドロップダウン メニューを追加しようとしたときに、「diensten」タブのホバーで問題が発生しました。サブメニューの下部からサブメニューを離れると、メイン項目が通常のスタイリングに戻りませんでした。superfish onHide 機能を使用してこれを修正できましたが、メイン項目をサブメニューに移動すると、メイン項目の色が背景色に変わります (見えなくなります)。私は onBeforeShow 関数でこれを修正しようとしましたが、それは機能しますが、それは私の最初の解決策を壊します。

ここで HTML を見つけることができます: http://bit.ly/NlBv9I

CSS:

ul {
    list-style:none;
    margin-bottom: 6px;
}

#main-nav li {
    float: left;
    margin-right: 2px;
    display: block;
}

#main-nav li a {
    color:#6f6f6f;
    font-size: 15px;
    padding: 4px;
    display: block;
    text-decoration: none;
}
#main-nav li.sfHover a {
    color:#fff;
}
#main-nav li:hover a, #main-nav li.current_page_item a, #main-nav li.current-menu-item a {
    color:#fff;
}
#main-nav li a:hover, #main-nav li.current_page_item a, #main-nav li.current-menu-item a {
    background: url(img/leftDoor.png) top left no-repeat;
}
#main-nav li:hover, #main-nav li.current_page_item, #main-nav li.current-menu-item {
    background: url(img/rightDoor.png) top right no-repeat;
}
#main-nav ul li.sfHover, #main-nav ul li.sfHover li  {
    background: url(img/rightDoor.png) top right no-repeat;
}
#main-nav ul li.sfHover a {
    background: url(img/leftDoor.png) top left no-repeat;
}
#main-nav ul.sub-menu a {
    color:#fff;
}
#main-nav .grey {
    color:#6f6f6f !important;
}
#main-nav .white {
    color:#fff !important;
}

JQuery:

$('#top .menu').superfish({
                    hoverClass:    'sfHover',
                autoArrows: false,
                delay:0,
                /*onBeforeShow: function() { $(this).prev().addClass('white'); },*/
                onHide: function() { $(this).prev().addClass('grey') }
            });

前もって感謝します！

4

1 に答える 1

1

私はあなたが使うべきだと思います

Cufon.refresh();

使用しているときは、スタイルを変更した後Cufon fontに使用する必要があります。たとえば、使用したことがあり、そのクラスはフォントに適用されますが、クラスを変更した後に使用しないと、変更を確認できません。つまり、使用している要素のフォントスタイルを動的に変更した後は、を使用して有効にする必要があります。Cufon.refresh()addClass('gray')gray colorCufon.refresh()Cufon fontCufon.refresh();

于 2012-07-13T19:36:33.860 に答える