记录一下这个方法，前端时间一直在纠结这个问题，后来听一些前辈讲解后才恍然大悟，要单独引用某个插件，我们需要重视的是：easyloaer.js ，easy ui的下载包中也有easyloader的demo，可以很方便的使用。
今天我们就拿tabs选项卡这个插件为例来演示。
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <link href="themes/icon.css" rel="stylesheet" /> 7 </head> 8 <body> 9 <div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools'"> 10 </div> 11 <div id="tab-tools"> 12 <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'"></a> 13 <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'"></a> 14 </div> 15 </body> 16 </html> 17 <script src="jquery.min.js"></script> 18 <script src="easyloader.js"></script> 19 <script type="text/javascript"> 20 using(function () { 21 $("#tt").tabs(); 22 }) 23 </script>
引用的文件有：
1、icon.css (因为代码中用到了icon图标)
2、easyloader.js (加载js和css文件的js)
最终加载的所需的文件就如下所示：
我们可以照着上图，按照顺序，单个的加载js和css文件，这样就可以达到我们的效果了。