yui - 如何使 YUI 3 淡入淡出持续时间工作？

Question

一个例子是：

http://jsfiddle.net/a9j28/18/

在O'Reilly 的 YUI 3 Cookbook 中，据说

    Y.all('.ad').hide({
        duration: 6.0
    });

应该在 6.0 秒内淡出元素，但它仍然淡出相当快，更像是默认行为。为什么/如何使它真正起作用？

Answer 1

我是 YUI 3 Cookbook 的作者。我在设计和测试该示例时可能犯了一个错误——如果是这样，我为此道歉！

为了让示例变慢，您当然可以调用transition()而不是hide()-- 设置opacityto 0。

Answer 2

我会说某处有一个错误。

如果您查看那里的代码：http: //yuilibrary.com/yui/docs/api/files/transition_js_transition-native.js.html#l547。

您会看到，当加载“过渡”模块时，您可以使用过渡名称、配置和回调调用 hide 方法。和调用transition方法完全一样。

但：

1）如果要隐藏，则需要在配置对象中将不透明度设置为 0。这很奇怪，因为该方法称为隐藏。

2) 修改后的（通过转换模块）方法看起来在 NodeList 上不可用。在您的示例中，您仍在调用以下定义的 hide 方法：http: //yuilibrary.com/yui/docs/api/files/node_js_node-view.js.html#l191