Cufon + jQuery悬停不起作用

Question

好吧，这是问题所在：

我正在使用jQuery和Cufon构建网站 。 我在与.hover()一起使用jQuery的.hover()函数时遇到问题。 当我将鼠标悬停在Cufon的文字上时，什么也没发生。 重要的代码是：

Cufon.replace('div.nav', {hover:'true'});
$(document).ready(function() {
    $('div.nav').each(function() {
        $(this).hover(function() {
            $(this).css({
                "text-decoration": "underline;",
            });
        },
        function() {
            $(this).css({
                "text-decoration": "none;",
            });
        });
    });
});

和

<div id="nav">
    <div id="logo" class="nav">
        SLA ROBOTICS
    </div>
    <div id="items">
        <div id="item1" class="navbutton nav">
            <i>members</i>
        </div>
        <div id="item2" class="navbutton nav">
            <i>robots</i>
        </div>
        <div id="item3" class="navbutton nav">
            <i>sponsors</i>
        </div>
    </div>
</div>

通过查看以上链接的源，可以看到其余的代码。 没有PHP，因此一切都是可见的。

Answer 1

Cufon是一个很好的库，但是它可能不支持普通文本的所有功能。 考虑使用由Font Squirrel生成的webfonts。