jQuery Cycle pagerAnchorBuilder Wordpress Modularity主题

时间:2010-09-29 20:37:06

标签: jquery wordpress cycle modularity

Modularity Wordpress主题包含一个围绕jQuery Cycle构建的“帖子滑块”。它使用寻呼机在滑块上方显示一个小数字。我希望能够将这个号码改成帖子标题。

主题中的代码如下:

 $doc_ready_script .= '

jQuery(function(){

   jQuery("#slider-posts").cycle({
       fx:      "scrollHorz",
       timeout:  0,
       prev:    "#prev",
       next:    "#next",
       pager:   "#slider-nav",
 containerResize: 0
   });

});';

我不是一个jQuery编码器(正如你可能会告诉我的那样!)我认为对代码的简单调整如下所示:

$ doc_ready_script。='    jQuery(function(){

   jQuery("#slider-posts").cycle({
       fx:      "scrollHorz",
       timeout:  0,
       prev:    "#prev",
       next:    "#next",
       pager:   "#slider-nav",
 containerResize: 0,
 pagerAnchorBuilder: function(idx, slide) { 
              return '<li><a href="#">' + jQuery(slide).children("h2").eq(0).text() + '</a></li>';
      }
   });

});';

但是,我现在收到错误消息“解析错误:语法错误,意外'&gt;'”。

所以,我意识到我做了一些非常愚蠢的事情!

请问某位jQuery大师能指出正确的方向吗?

非常感谢期待!

1 个答案:

答案 0 :(得分:0)

我在网站上需要完全相同的功能。您需要首先使用.map()函数构建数组。然后,您可以在pagerAnchorBuilder函数中循环遍历此数组。

查看我写过的tutorial。它会告诉你如何使这个工作!