有谁知道如何为jQuery循环插件设置回调函数?

时间:2010-11-08 20:58:43

标签: javascript jquery callback cycle

我知道您可以为某些操作设置各种回调,但我需要获取即时创建的寻呼机链接。我想使用innerHTML将动态图像拖放到这些链接中,但如果我将其称为onload,它显然将无效,因为尚未创建链接。

似乎没有可以为jQuery循环设置的本机“回调”功能。我错过了吗?即使插件本身不提供它,有没有办法实现呢?

谢谢!

2 个答案:

答案 0 :(得分:1)

这里有很多东西。

首先,您可以使用传递给cycle的'pager'选项指定分页选项的显示位置 - $('#myelement')。cycle({pager:'#mypagerdiv'})。这将允许您稍后在jQuery中找到它们(例如,$('#mypagerdiv a'))。

其次,有许多可用于循环的回调,可在此处的选项对象文档中找到:http://jquery.malsup.com/cycle/options.html

您可能最有可能对以下内容感兴趣:pagerAnchorBuilder

您可以按如下方式使用它:$('#mycyclediv')。cycle({pagerAnchorBuilder:%yourfunction%})

使用它,您可以构建自己的寻呼机控件,可以在jQuery循环网站上找到一些如何执行此操作的示例:

jquery.malsup.com/cycle/pager2.html

jquery.malsup.com/cycle/pager3.html

jquery.malsup.com/cycle/pager7.html

jquery.malsup.com/cycle/pager11.html

这应该允许您需要的功能。

但是,如果您希望在更改幻灯片时更改这些动态图像,则可以使用分别在幻灯片转换发生之前和之后触发的“之前”和“之后”回调。

如果您有任何其他问题,请不要犹豫与我联系,虽然我发现jQuery循环文档非常广泛,“中级演示2”应该会给您一个有用的推动方向重新回调。

(我这里是新用户,因此无法发布多个超链接,对于上述网址抱歉)

答案 1 :(得分:0)

我相信有一些方便的示例,说明如何使用回调,以及此示例页面上的寻呼机项http://jquery.malsup.com/cycle/int2.html

选项参考http://jquery.malsup.com/cycle/options.html

中列出了所有可能的回调函数

您可能想要关注的回调:

pagerClick:         null,  // callback fn for pager clicks:    function(zeroBasedSlideIndex, slideElement)
pagerAnchorBuilder: null,  // callback fn for building anchor links:  function(index, DOMelement) 

希望能帮到你