YUI 按需加载css文件

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

<div id="dialog" title="Basic dialog">
    <p>我是一个弹出框</p>
</div>

<script src="http://yui.yahooapis.com/3.15.0/build/yui/yui-min.js"></script>
<script type="text/javascript">
    YUI({
        groups: {
            ‘local-modules‘: {
                base: ‘http://ajax.googleapis.com/ajax/libs/‘,
                modules: {
                    ‘jquery‘: {
                        path: ‘jquery/1.11.0/jquery.min.js‘
                    },
                    ‘jquery-ui‘: {
                        path: ‘jqueryui/1.10.4/jquery-ui.min.js‘,
                        requires: [‘jquery‘, ‘jquery-ui-css‘]
                    },
                    ‘jquery-ui-css‘: {
                        path: ‘jqueryui/1.10.4/themes/smoothness/jquery-ui.css‘,
                        type:‘css‘
                    }
                }
            }
        }
    }).use(‘jquery-ui‘, function(Y) {
        $(function() {
            $( "#dialog" ).dialog();
        });
    });
</script>
</body>
</html>

 

YUI 按需加载css文件,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。