jquery-ui - 在 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 调整大小如下所示：

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 开始可用。

其次，即使调整大小可用，上面的代码实际上也不起作用。您需要在 use() 函数回调中调用 YUI 方法，如下所示：

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

有关工作示例，请参阅Resize 的文档，并确保在继续之前阅读 use() 方法和 YUI 全局对象。