2011-12-06 4 views
1

메신저 jCycle과 함께 Cufon을 사용하여 회전 목마를 만듭니다. 마우스를 올리면 변경되는 링크의 색상을 원합니다. 이것은 잘 작동하지만 0.5 초 정도의 지연이 있습니다.호버상의 Cufon 리프레시 지연

이미 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); 

- 나는 정말 appreciete 것입니다.

답변

2

주기 "after"함수가 호출되기 전에 중첩 된 pageranchorbuilder 함수/코드가 실행될 수 있습니다. 호버 기능을보다 직접 구현하여 직접 행동을 취하십시오.

jquery .hover 및 콜백 함수 내에서 .refresh를 구현할 때 동일한 성능 문제가 발생하여 실제로 매우 멋진 결과를 얻었습니다.

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