2011-09-25 65 views
0

所以,我使用Cufon和jQuery Cycle的jQuery。我想要的是Cycle的寻呼机拥有Cufon字体。与Cufon寻呼机的jQuery周期

下面是我的JS

var pagerclass; 

$(document).ready(function() { 

    $("#slider").cycle({ 
     fx: "scrollHorz", 
     timeout: 7000, 
     pager: "#pager ul", 
     pagerAnchorBuilder: function(idx, slide) { 
      if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass=""; 
      Cufon.replace("#pager ul"); 
      return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>"; 
     } 
    }); 

}); 

所以Cufon.replace("#pager ul");系法是不工作的,因为它不会取代的最后一个项目。之后最后一件物品会被退回。

寻呼机建成后,有什么办法在jQuery Cycle中做些什么吗?我想,这将解决问题。

回答

0
$(function() { 

    function cufrep() { 

     Cufon('#pager ul'); 

    } 


    $("#slider").cycle({ 
     fx: "scrollHorz", 
     timeout: 7000, 
     pager: "#pager ul", 
     after: cufrep, // after 
     pagerAnchorBuilder: function(idx, slide) { 
      if(idx==0) pagerclass = "first"; else if(idx==2) pagerclass="last"; else pagerclass=""; 
      Cufon.replace("#pager ul"); 
      return "<li class='"+pagerclass+"'><a href='#'>"+slide.title+"</a></li>"; 
     } 
    }); 

}); 

的Cufón具有后函数后触发

+0

根据选项参考,后续功能是“过渡回调”,因此用于_after_过渡到不同的幻灯片。 http://jquery.malsup.com/cycle/options.html – Risse