css - cufon hover 在鼠标离开后保持悬停状态。

Question

我相信这可能是用户在 cufon 中使用悬停时面临的最常见问题之一。此外，可能有很多解决方案，但我已经尝试过但无济于事。请帮我。我遇到问题的网站是 [[here]]

jQuery(document).ready(function(){
   jQuery('.menubar a').hover(function(){ 
       jQuery('menubar a').css('color','#000000'); 
       Cufon.refresh('menubar a'); 

    },function(){ // this is the mouse out 

       jQuery('menubar a').css('color','#707070'); 
       Cufon.refresh('menubar a'); 
   }); 
});

我还尝试了几次使用 Cufon.refresh() 刷新 cufon 的尝试。悬停仍然不起作用。还有其他解决方案还是我遗漏了什么？

Answer 1

您正在选择每个 .menubar a 而不是仅选择悬停的那个。试试这个:^(双关语)

jQuery(document).ready(function(){
   jQuery('.menubar a').hover(function(){ 
       jQuery(this).css('color','#000000'); 
       Cufon.refresh(this); 
    },function(){ // this is the mouse out 
       jQuery(this).css('color','#707070'); 
       Cufon.refresh(this); 
   }); 
});

不仅如此，你的几个选择器是menubar a，而它们应该是.menubar a ^(注意。) .