带有已定义寻呼机链接的 jQuery 循环

Posted 2023-02-21

【中文标题】带有已定义寻呼机链接的 jQuery 循环

【英文标题】：jQuery Cycle with defined pager links

【发布时间】：2011-03-24 19:08:03

【问题描述】：

我使用循环构建了一个播放器，该循环遍历各种促销，但我想为每个页面定义特定的描述性寻呼机链接（除了 1、2、3 等）我知道这应该是可能的，但无法弄清楚如何...即使我在寻呼机 div 中添加了元素，它们也会显示出来，但自动生成的数字是控制播放器的东西。提前感谢您的帮助！

$(document).ready( function()
  $('#promoPlayer').cycle(
    fx: 'fade',
    speed: 600,
    timeout: 6000,
    delay: 1000,
    pager:'#pager'
  );
)

【参考方案1】：

为此，您需要使用回调函数pagerAnchorBuilder 来生成寻呼机链接。

您可以从该函数返回任何 html 字符串，它接收当前幻灯片作为第一个参数。从那里，您可以创建自己的结构。

$(document).ready( function()
  $('#promoPlayer').cycle(
    fx: 'fade',
    speed: 600,
    timeout: 6000,
    delay: 1000,
    pager:'#pager',

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide)  
    return '<li><a href="#">my custom link #'+ idx +'</a></li>'; 
 
  );
)

可以在http://jquery.malsup.com/cycle/pager2.html查看现场示例