14-解决方案

选择背景色：黄橙洋红淡粉水蓝草绿白色选择字体：宋体黑体微软雅黑楷体选择字体大小：小中大特恢复默认

14.2.2　解决方案

你只想要Sortable和Tabs插件。包含单个jQuery UI组件而非整个套件有两个选择：

使用jQuery UI下载构建器（Download Builder，http://jqueryui.com/download）创建定制的jQuery UI，仅仅包含你感兴趣的插件。在这个例子中，选择Sortable和Tabs插件。下载构建器自动选择任何依赖组件，在这个例子中是UI Core。下载的ZIP包含一个.js文件，该文件带有UI Core、Sortable和Tabs插件：

js/jquery-ui-1.7.2.custom.min.js

在页面上jQuery脚本之后包含这个文件，两个文件在相同的文件夹中：

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

下载jQuery UI开发包，在一个自定义Download Builder ZIP中引用development-bundle文件夹，或者使用SVN（http://jqueryui.com/docs/Subversion）。每个单独的插件文件都在 ui 子目录中，单独引用每一个文件：

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.sortable.js"></script>
<script type="text/javascript" src="ui/ui.tabs.js"></script>

如果采用第二种选择（开发包），每个单独插件所用的CSS也存在于单独的文件中。需要包含核心CSS、每个插件专用的CSS和主题CSS：

<link rel="stylesheet" type="text/css" href="themes/base/ui.core.css" />
<link rel="stylesheet" type="text/css" href="themes/base/ui.tabs.css" />
<link rel="stylesheet" type="text/css" href="themes/base/ui.theme.css" />

在本例中，选择的插件之一Sortable没有任何插件专用的CSS。

Previous 上一篇本节目录 Next 下一篇

14-解决方案

14.2.2 解决方案

14.2.2　解决方案