Cufon悬停在鼠标移出时停留在悬停状态

Question

http://www.basenharald.nl/3d

将鼠标悬停在按钮上。 我想要的是Cufon文本更改为＃e90c00。 由于某些原因（有时），当我将鼠标移离按钮时，它保持为＃e90c00。

这是我使用的代码：

Cufon.replace('#nav li a span', {  hover: true, hoverables: { span: true}, textShadow: '#353535 1px 1px'} );

有谁知道我该如何解决？

Answer 1

我来到这篇文章，是想对子菜单下的cufon悬停问题进行故障排除。 答案给我留下了深刻的印象，并尝试重新设置无济于事。 cufon FAQ中的以下文章可能会帮助其他人寻找类似的东西：

https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10

Answer 2

检查一下： https : //github.com/sorccu/cufon/wiki/styling

您可以尝试一些测试

Cufon.replace('#nav li a span', {
hover: true,
hoverables: { span: true, a: true }
});


Cufon('#nav li a span', {
color: '#fff',
hover: {
    color: '#e90c00'
       }
});

Answer 3

您需要调用Cufon.refresh（）; 例如：

$('#nav li a span').hover(function(){
    $(this).css('color','#e90c00');
    Cufon.refresh($(this));
// this is the mouse out
},function(){
    $(this).css('color','#fff');
    Cufon.refresh($(this));
});

Answer 4

为什么不使用CSS？

#nav li a span
{
  color: #fff;
/* and other default styles */
}
#nav li a span:hover
{
  color: #e90c00;
/* and whatever other styling u need on hover */
}

Answer 5

解决了这个问题：

$('#nav li').hover(function(){ 
    $('a span', this).css('color','#e90c00'); 
    Cufon.refresh('#nav li a span'); 

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

    $('a span', this).css('color','#fff'); 
    Cufon.refresh('#nav li a span'); 
}); 

Answer 6

实际上，一些用户建议的jQuery脚本是使其正常运行的唯一方法。 Cufon文档中介绍的Cufon样式效果确实可以使用，但是当您将鼠标移出按钮区域后，有时仍会显示悬停效果。 当然，这是一种耻辱。 您至少需要在触发悬停后插入Cufon.refresh（）或Cufon.replace（）。 您可以使用CSS保留样式，而无需在JS代码段中实现。 这是我在这种情况下使用的代码：

$('ul#nav ul li a').hover(function(){ 
    Cufon.refresh('ul#nav ul li a'); 
 },function(){ 
    Cufon.refresh('ul#nav ul li a'); 
});

使用CSS，当然是这样的：

ul#nav li a { color: black } ul #nav li a:hover { color :red }

Answer 7

较短的代码段：

$('ul#nav ul li a').mouseout(function(){ Cufon.refresh('ul#nav ul li a'); });