2011-09-25 68 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