Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Cufon+;jQuery悬停不工作_Jquery_Css_Hover_Cufon_Jquery Hover - Fatal编程技术网

Cufon+;jQuery悬停不工作

Cufon+;jQuery悬停不工作,jquery,css,hover,cufon,jquery-hover,Jquery,Css,Hover,Cufon,Jquery Hover,好吧,问题是: 我正在使用jQuery和Cufon构建一个。我在Cufon旁边使用jQuery的.hover()函数时遇到问题。当我将鼠标悬停在Cufon的文本上时,什么都没有发生。重要守则如下: Cufon.replace('div.nav', {hover:'true'}); $(document).ready(function() { $('div.nav').each(function() { $(this).hover(function() {

好吧,问题是:

我正在使用jQuery和Cufon构建一个。我在Cufon旁边使用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;",
            });
        });
    });
});


SLA机器人技术
成员
机器人
赞助商

通过查看上述链接的源代码,可以看到代码的其余部分。没有PHP,所以一切都是可见的。

Cufon是一个很好的库,但它可能不支持普通文本的所有功能。考虑使用WebPosits,由.< /P>生成,我宁愿使用Cufon。我对它有更多的控制权,而且它已经有了声誉,而不是这个看起来像是下载免费字体的网站<代码>编辑:这是其中一个网站。xD@WilsonBiggs:Cufon生成呈现字体的标签。无法突出显示或复制文本。文本本质上是一个图像。不,它不是(可能它有一些字体,从来没有兴趣,因为我有我的转换)。你应该上传你自己的字体在那里,并得到代码,很像与Cufon。区别在于,它为不同的浏览器尝试了不同的方法。@Blender:我知道Cufon是如何工作的,我只是不知道为什么我的代码不工作。根据文档,它应该是,但它不是。呃,我最终使用了这个。
<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>