jquery - Cufon jQuery Hover 作为子元素？

Question

我对 Jquery Hovers 和 Cufon 有一个奇怪的问题。

我的导航设置如下：

...

<li>
<a class="title" href="#">Title Text</a>
<a class="sub" href="#">Photo Gallery</a>
</li>

...

当我将鼠标悬停在 LI 上时。我希望 a.sub 变成白色（这可以通过添加一个类来工作，因为它的普通文本。）并且我将 a.title 变成绿色。

问题是标题被 Cufon 取代。我知道 cufon 可以在元素悬停时进行悬停，但是当父项悬停时如何触发它？

这是我的 jQuery：

$('#bottomNav ul li').hover(

    function() {
        $("a.sub", this).addClass('hov');
        $("a.title", this).addClass('thov');
    }, 

    function() {
        $("a.sub", this).removeClass('hov');
        $("a.title", this).removeClass('thov');
    });

Answer 1

容易...使用

Cufon.refresh();

或者对于悬停，建议您使用 cufon hover 方法

Cufon.replace('.your-class', {hover: 'true'}, { fontFamily: 'FONT' });

干杯!