cufon悬停状态坚持

时间:2011-05-25 19:45:51

标签: jquery hyperlink hover cufon

马上,我只是想要感谢任何一个人的人.clipoverflow让我对人性感觉好一点。

问题:我有一个“单页”网站,主要内容通过ajax重新加载,但导航和页脚保持不变。我使用Cufon字体用于nav和Jquery将类“current”附加到当前链接。由于某种原因,即使在删除当前类并将其添加到另一个链接之后,悬停状态仍然存在。

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

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

点击功能: $("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;}

1 个答案:

答案 0 :(得分:1)

$(this).addClass("current");添加Cufon.refresh();后的点击功能中 每次对Cufon文本进行更改时都需要进行此调用。