Question

JQuery UI文件引用问题

我下载了JQuery UI的压缩包，里面有很多JS CSS文件，看名字都差不多，例如，我打开demos\tabs\default.html 文件，里面引用的文件如下：

jquery.ui.all.css
jquery-1.5.1.js
jquery.ui.core.js
jquery.ui.widget.js
jquery.ui.tabs.js
demos.css

自己在用的时候该包括哪些文件，这在看"The User Interface Library for JQuery "，书上也没详细解释文件的功能。望前辈指教。3Q

Answer 1

要显示所有功能，只需要引入一下文件
<scipt type="text/javascript" src="jquery-1.4.2.min.js"></script><!-- 引入jQUery库 -->
<scipt type="text/javascript" src="jquery-ui-1.8.11.custom.min.js"></script><!-- 引入jQUeryUI库 -->
<link rel="stylesheet" type="text/css" href="jquery-ui-1.8.11.custom.css" /><!-- 引入jQUeryUI CSS 样式 -->
要实现单一功能比如你说的tab功能，可以引入下面内容
<scipt type="text/javascript" src="jquery-1.4.2.min.js"></script><!-- 引入jQUery库 -->
<scipt type="text/javascript" src="jquery.ui.core.js"></script><!-- 引入jQUeryUI 核心库，所有功能必须引入 -->
<scipt type="text/javascript" src="jquery.ui.widget.js"></script><!-- 引入jQUeryUI Widget库，所有功能必须引入，个别可能不需要，不过建议引入 -->
<!-- 以下引入功能类库 -->
<scipt type="text/javascript" src="jquery.ui.tabs.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.ui.tabs.css" />
<!-- 以上是引入功能类 -->

对于EasyUI，我不建议使用。现在EasyUI功能还不是很健全。浏览器兼容性很差。唯一一点让人称道的是EasyUI的DataGrid，不过也是功能不完善。jQueryUI，功能强大，不过你要想实现好的效果，需要你自己手动修改它的css，来重构漂亮的界面！

Answer 2

根据你情况，似乎jquery.ur.all.css+jquery-1.5.1.js+jquery.ui.core.js就可以了，如果你不使用其他插件的话...

Answer 3

建议使用JQuery EasyUI 方便实用