Superfish + Cufon Hover

Question

对于这个wordpress-site：http://bit.ly/NlBv9I，我用滑门做圆角，用cufon做字体。当我想要添加一个下拉菜单时，我遇到了一个"diensten"-tab悬停的问题。当我通过子菜单的底部离开子菜单时，我的主菜单项不会回到正常的样式。使用superfish onHide函数我设法解决了这个问题，但是现在当我将主菜单移出子菜单时，主菜单项的颜色变为背景色(因此它变得不可见)。我试着用onBeforeShow函数来解决这个问题，它起作用了，但这破坏了我的第一个解决方案。

你可以在这里找到它：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') }
            });

提前感谢！

Answer 1

我觉得你应该用

Cufon.refresh();

当您使用Cufon font时，您需要在更改任何样式后使用Cufon.refresh()，例如，您使用了addClass('gray')，该类将gray color应用于字体，但如果您在更改该类后不使用Cufon.refresh()，则看不到更改。换句话说，在动态更改任何使用Cufon font的元素的字体样式后，您必须使用Cufon.refresh();才能生效。