Javascript 为什么赢了'；t Cufon是否允许使用jQuery使用addclass函数？

伙计，我就是不明白。我有四组成对的链接，通过在其中一个上面悬停可以抵消另一个。我在jQuery中使用它，但当我添加Cufon时，它就不是骰子了。以下是JQ脚本：

     <script type="text/javascript">
    jQuery(document).ready(function() {

      var doubleHighlight = function(element1, element2, class) {
        element1.hover(
          function() {
            element2.addClass(class);
          },
          function() {
            element2.removeClass(class);
          }
        );

        element2.hover(
          function() {
            element1.addClass(class);
          },
          function() {
            element1.removeClass(class);
          }
        );
      };
      doubleHighlight(jQuery("#abouttop"), jQuery("#aboutbottom"), "highlight_about");
      doubleHighlight(jQuery("#worktop"), jQuery("#workbottom"), "highlight_work");
      doubleHighlight(jQuery("#blogtop"), jQuery("#blogbottom"), "highlight_blog");
      doubleHighlight(jQuery("#contacttop"), jQuery("#contactbottom"), "highlight_contact");
    });
  </script>

jQuery（文档）.ready（函数（）{
var doubleHighlight=函数（element1、element2、类）{
元素1.悬停(
函数（）{
元素2.添加类（类）；
},
函数（）{
元素2.移除类（类）；
}
);
元素2.悬停(
函数（）{
元素1.添加类（类）；
},
函数（）{
元素1.移除类（类）；
}
);
};
双突出显示（jQuery（“#abouttop”）、jQuery（“#aboutbottom”）、“突出显示关于”）；
双高亮显示（jQuery（“#worktop”）、jQuery（“#workbottom”）、“高亮显示工作”）；
doubleHighlight（jQuery（“#blogtop”）、jQuery（“#blogbooth”）、“highlight#blog”）；
双高亮显示（jQuery（“#contacttop”）、jQuery（“#contactbottom”）、“高亮显示联系人”）；
});

这是Cufon的部分：

 <script src="cufon-yui.js" type="text/javascript"></script>
<script src="gothamxlight_300-gothamxlight_300.font.js" type="text/javascript">    </script>
<script src="gothamlight_300-gothamlight_500.font.js" type="text/javascript"></script>
        <script type="text/javascript">
           Cufon.replace('#type', { fontFamily: 'gothamxlight', hover: true});
            Cufon.replace('#smalltype', { fontFamily: 'gothamlight', hover: true});
            Cufon.replace('#nav', { fontFamily: 'gothamlight', hover: true});
        </script>

替换（'#type'，{fontFamily:'gothamxlight'，hover:true}）；
替换（'#smalltype'，{fontFamily:'gothamlight'，hover:true}）；
Cufon.replace（'#nav'，{fontfamine:'gothamlight'，hover:true}）；

---

有什么想法吗？也许Cufon是如何呈现文本的？需要刷新吗？我在抓救命稻草。

是因为Cufon不工作还是Cufon破坏了你的双打

在发现与JQuery相关的大多数Cufon问题都是按调用顺序进行的之前，我真的自杀了。我很难在文件中找到他们对此的解释，因为这是去年9月我发现的，所以我很震惊我现在不能引用我的答案，我必须回去工作。基本上，Cufon喜欢排在第一位，而JQuery通常很乐意乘坐猎枪。比如,

这是或可能是坏的：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

your.jQueryKungFu（函数（）{
};
cufon.替换（“h1”）；

这很好：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

cufon.替换（“h1”）；
your.jQueryKungFu（函数（）{
};

注意区别，cufon的第二次处理是在jquery函数之前进行的

---

这个解决方案让我受益匪浅，因为我已经用JQuery运行了，Cufon断然拒绝替换任何东西。我不确定您的问题是否来自同一个问题群…

是Cufon不工作的问题还是Cufon破坏了您的双亮点

事实上，我在发现大多数与JQuery相关的Cufon问题都是按顺序调用之前就自杀了。我很难在文档中找到它们对此的解释，因为我是去年9月才发现的，所以我很震惊，我现在不能引用我的答案，我必须回去工作。基本上，Cufon喜欢s是第一位的，JQuery通常很乐意使用散弹枪

这是或可能是坏的：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

your.jQueryKungFu（函数（）{
};
cufon.替换（“h1”）；

这很好：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="cufon-yui.js"></script>

<script type="text/javascript">
    cufon.replace('h1');
</script>

<script type="text/javascript">
    your.jQueryKungFu(function() {
    };
</script>

cufon.替换（“h1”）；
your.jQueryKungFu（函数（）{
};

注意区别，cufon的第二次处理是在jquery函数之前进行的

---

这个解决方案让我受益匪浅，因为我已经用JQuery运行过了，Cufon断然拒绝替换任何东西。我不确定您的问题是否来自同一组问题…

您需要在事件发生后调用函数Cufon.refresh（）。

---

我也遇到了同样的问题，这个方法对我有效。

您需要在事件发生后调用函数Cufon.refresh（）。

---

我也遇到了同样的问题，这个方法对我很有效。

Cufon不是完全替换了原始元素，或者至少添加了全新的元素吗？这难道不意味着在Cufon完成后，原始文本的事件处理程序就变得无关紧要了吗？我认为Pointy是对的，Cufon替换了原始元素。我相信它会研究CSS:hover stuff（如果将{hover:true}传递给

Cufon.replace

函数）并为此创建正确的元素，但浏览器不再将元素呈现为文本。因此，添加修改文本呈现方式的CSS类没有任何效果。Cufon不是完全替换原始元素，或者至少添加全新的元素吗？这难道不意味着原始文本的事件处理程序是无关的吗Cufon完成后的nt？我认为Pointy是对的，Cufon替换了您原来的元素。我相信它会研究CSS:hover内容（如果您将{hover:true}传递给

Cufon.replace

函数）并为此创建正确的元素，但浏览器不再将元素呈现为文本。因此添加修改文本呈现方式的CSS类没有任何效果。