JQuery Cycle pagerAnchorBuilder - 列表标签附加了不同的类。

时间:2012-05-01 17:01:25

标签: jquery jquery-cycle

我正在尝试使pagerAnchorBuilder函数构建这个:

<ul id="banner_nav">
<li class="how">link code</li>
<li class="who">link code</li>
<li class="why">link code</li>
</ul>

我不肯告诉它用3个不同的类构建li标签。有任何想法吗?可以这样做吗?

1 个答案:

答案 0 :(得分:1)

您可以像这样构建它。您可能希望将类名放在数组或其他内容中:

http://jsfiddle.net/RcMJW/1/

pagerAnchorBuilder: function(idx, slide) {
  var cssClass="";

  switch (idx) {
    case 0: 
      cssClass="how";
      break;
    case 1: 
      cssClass="who";
    break;
    case 2: 
      cssClass="why";
      break;
    default: 
      cssClass="when";
  }

  return '<li class="' + cssClass + '"><a href="#">' + idx + '</a></li>';
}