为什么Cufon不允许使用jQuery添加类函数?

时间:2010-03-01 23:10:20

标签: javascript jquery cufon font-replacement

伙计,我只是不明白。我有四组配对链接,其中一组悬停在另一组上。我有它在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>

以下是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>

有什么想法吗?也许Cufon如何呈现文字?它需要刷新吗?我在这里抓住稻草。

2 个答案:

答案 0 :(得分:0)

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>

这很好:

<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在jquery函数之前处理。

这个解决方案让我在Cufon因为我已经使用JQuery运行而拒绝更换任何东西的地方。我不确定你的问题是否来自同一个问题学校......

答案 1 :(得分:0)

你需要调用函数Cufon.refresh();事后。 https://github.com/sorccu/cufon/wiki/API 我有同样的问题,这种方法对我有用。