jQuery Cycle - 动态更改选项

Question

问题:

如何通过 HTML 元素上的鼠标交互异步更改 jQuery Cycle 的选项？

<小时/>

jsFiddle

Here's a working example.请参阅评论以澄清意图

<小时/>

进行的研究:

This tweet from Cycle 的作者透露，可以异步修改 Cycle 的选项。

我在后续推文中问他是否可以阐述这个主题，他说(解释)“继续潜伏。”

检查了cycle的源代码后，我发现他没有说谎。 cycle.opts 确实存在，而且还有一个 debug 函数，显然有一些值得注意的用途。但是，我对如何利用这些功能知之甚少。

我可以使用cycle.opts返回对象的状态，但这是“...然后更改您需要的内容”，我无法弄清楚这一点。我已经查看了 Options Reference page其他选项的默认值似乎不会干扰。

Answer 1

好吧，除非我遗漏了什么，否则您根本不会更改代码中的选项。试试这个:

$('#foo').mouseover(function(){
    var changedOpts = $('.shuffle').data('cycle.opts')
    changedOpts.speed = 0;
    $('.shuffle').data('cycle.opts', changedOpts);
});