jquery - 如何像 jquery 一样使用 yui loader 3rd party lib？

Question

这是我的测试代码：

<script type="text/javascript">
YUI({
    modules: {
        'jquery': {
            fullpath: 'script/lib/jquery.min.js'
        },
        'jquery-blockui': {
            fullpath: 'script/lib/jquery.blockUI.js',
            requires: ['jquery']
        }
    }
}).use('jquery-blockui', function(Y, result){
    $.blockUI();
});
</script>

当它运行时，有时它工作，有时不工作。因为在 jquery-blockui 之后加载了 jquery lib。

错误如：

Uncaught ReferenceError: jQuery is not defined
Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'blockUI' 

那么，代码有什么问题？

Answer 1

如果你使用 YUI 加载器加载非 YUI 脚本，那么在你的 YUI 配置中你通常需要设置 async: false 来避免这个问题。

试试 YUI 3 Cookbook 中的这个食谱：https ://github.com/evangoer/yui3-cookbook/blob/master/examples/loading/use_jquery.html