2012-11-27 72 views
1

我需要將我的代碼庫從使用jQuery(1.7.2)和jQueryUI(1.8.6)組件切換到等效的YUI組件;並且根據客戶端的限制,它必須是版本3.1.2。在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?

回答

0

有兩個問題。

首先,調整大小模塊從YUI 3.3.0開始可用。

其次,即使調整大小可用,上面的代碼實際上不會工作。你需要打電話給你YUI方法使用()函數的回調,就像這樣:

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

的工作示例見documentation for Resize,進一步繼續之前一定要read up on the use() method and the YUI global object