如何像jquery一样使用yui加载器第三方库？

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 lib是在jquery-blockui之后加载的。

错误，如：

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 Loader加载非YUI脚本，那么在YUI配置中，你通常需要设置async: false来避免这个问题。

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