Superfish + Cufon Hover

Question

이 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') } 
      }); 

사전에 감사!

Answer 1

난 당신이 Cufon font을 사용하는 경우 당신은 당신이 어떤 스타일을 변경 한 후 Cufon.refresh()를 사용할 필요가

Cufon.refresh(); 

를 사용한다고 생각, 말, 당신은 addClass('gray') 사용하고 그 클래스는 글꼴에 gray color을 적용하지만 만약 돈 클래스를 변경 한 후에 Cufon.refresh()을 사용하지 않으면 변경 사항을 볼 수 없습니다. 즉, Cufon font을 사용하는 모든 요소의 글꼴 스타일을 동적으로 변경 한 후에 Cufon.refresh();을 사용해야합니다.