Cufon + jQuery 悬停不工作

Question

好的，问题来了：

我正在使用 jQuery 和 Cufon 构建一个 website。我在使用 jQuery 的 .hover() 函数和 Cufon 时遇到问题。当我将鼠标悬停在 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 生成的网络字体。