При наведении мыши 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 в подменю.Я был впечатлен ответами и попытался сбросить безрезультатно.Следующая статья из FAQ по cufon может помочь другим, ищущим что-то похожее:

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

Answer 2

Более короткий фрагмент:

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

Answer 3

Сценарий 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 4

решена проблема:

$('#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 5

почему бы не использовать 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 6

Вам нужно вызвать 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 7

Проверьте это: 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'
       }
});