悬停时的 Cufon 刷新延迟答案

【问题标题】：Cufon refresh delay on hover悬停时的 Cufon 刷新延迟
【发布时间】：2011-12-06 10:33:54
【问题描述】：

我使用带有 jCycle 的 Cufon 来创建一个轮播。我希望在悬停事件上更改链接的颜色。这工作正常，但它有一点恼人的延迟，比如 0.5 秒。

我已经在使用 cufon.refresh() 但它不能正常工作。

我正在使用的代码：

(function($) {

    $(document).ready(function() {

        $('#homepage_slideshow').before('<div id="nav">').cycle({ 
            fx                  : 'fade', 
            pause               : 1,
            speed               : 'fast', 
            timeout             : 5000, 
            pager               : '#nav',
            slideResize         : false,
            containerResize     : false,
            pagerEvent          : 'mouseover', 
            fastOnEvent         : true,
            pause: 1,
            pagerAnchorBuilder: function(index, element) {
                  var title      = $('.slide_title a', element).remove().text();
                  var undertitle = $('.slide_title .undertitle', element).remove().text();

                  var atitle  = $('<a />').attr('href', '#').text(title);
                  var sutitle = $('<div class="undertitle" />').text(undertitle);
                  var div     = $('<div />').addClass('slideshow_tab');
                  var lnk     = $('.slide_img a', element);

                  div.append(atitle);
                  div.append(sutitle);

                  if (lnk.length) div.click(function(e) {
                      e && e.preventDefault();
                      window.location.href = $(lnk[ lnk.length - 1]).attr('href');
                  })
                  else {
                      div.css('cursor','default');
                      div.find('a').css('cursor','default');
                  };    

                  return div; 

            },

            after: function(){ Cufon.refresh('.slideshow_tab a'); }
        });

            Cufon.replace('.slideshow_tab a');

            Cufon.now(); 

    });

})(jQuery);

如果有人可以帮助我 - 我真的很感激。

【问题讨论】：

标签： jquery cycle cufon

【解决方案1】：

可能是您的嵌套 pageranchorbuilder 函数/代码在调用循环“之后”函数之前运行。尝试更直接地实现悬停功能以获得更直接的操作。

当我在 jquery .hover 和回调函数中实现 .refresh 时，我遇到了同样的性能问题，实际上得到了非常好的结果。

$(".slidehow_tab a").hover(
    function () {
        $(this).addClass("hover");
        Cufon.refresh();
    },
    function () {
        $(this).removeClass("hover");
        Cufon.refresh();
    }
);

【讨论】：