可在YUI 3.1.2中调整大小

Question

我需要将我的代码库从使用jQuery（1.7.2）和jQueryUI（1.8.6）组件切换到等效的YUI组件;并且根据客户端约束，它必须是版本3.1.2。

但是，我没有找到任何可以在版本3.1.2中调整元素大小的内容（3.1.2中似乎存在的唯一文档包含在内）。

jQuery调整大小如下所示：

$J = jQuery.noConflict(true);
$J("#myElement").resizable('destroy');

YUI 2 Resize看起来像这样：

new YAHOO.util.Resize('myElement');

YUI 3 Resize看起来像这样（但不会出现在3.1.2中）：

YUI().use('resize', function(Y) { $Y = Y; });
new $Y.Resize({node: '#myElement'});

如何在YUI 3.1.2中执行此操作？

Answer 1

有两个问题。

首先，调整大小模块从YUI 3.3.0开始可用。

其次，即使调整大小可用，上面的代码也无法正常工作。你需要调用你的YUI方法里面的 use（）函数回调，如下所示：

YUI().use('resize', function (Y) {
    new Y.Resize({ node: '#myElement' });
});

有关工作示例，请参阅documentation for Resize，在继续操作之前，请务必read up on the use() method and the YUI global object。