cufon hover state贴

Question

马上，我只想预先感谢任何插话的人。stackoverflow 让我对人性感觉好一点。

问题：我有一个“单页”网站，主要内容通过 ajax 重新加载，但导航和页脚保持不变。 我正在使用 Cufon fonts 导航和 Jquery 将 class “电流”附加到当前链接。 由于某种原因，hover state 即使在当前的 class 被移除并添加到另一个链接之后仍然存在。

HTML： <nav id="banner"><ul><li><a>1</a></li><li><a>2</a></li></ul></nav>

CUFON: Cufon.replace('#banner a',{fontFamily: 'Gotham-Book', fontStyle: 'normal', hover: true});

CLICK FUNCTION: $("nav").delegate("a", "click", function() { window.location.hash = $(this).attr("href"); $("#banner nav a.current").removeClass("current"); $(this).addClass("current"); return false; });

CSS: #banner {color: #000;} #banner a:hover {color: #be1e2c;} #banner nav ul li a.current {color: #be1e2c;}

Answer 1

在$(this).addClass("current"); 添加Cufon.refresh(); 每次更改 Cufon 文本时都需要此调用。