要使用 Select2,你必须在网站上引入编译好的 JavaScript 和 CSS 文件。有多种方式可以将这些预编译文件(也称为发布包)包含到你的网站或应用程序中。
CDN(内容分发网络)是快速开始使用 Select2 的最便捷方式!
Select2 托管在以下两个jsDelivr和cdnjsCDN 上。只需在页面的<head>
部分包含以下代码行:
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
每次新版本发布后,CDN 需要一些时间来同步并上线新版本。
Select2 可以通过 Bower 获取。在你的bower.json
文件中添加以下内容,然后运行bower install
:
"dependencies": {
"select2": "~4.0"
}
或者,在项目目录下运行bower install select2
from your project directory.
预编译发布的文件将会位于相对于你项目目录的vendor/select2/dist/css/
和vendor/select2/dist/js/
路径下。将其包含到你的页面中:
<link href="vendor/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="vendor/select2/dist/js/select2.min.js"></script>
我们强烈建议你使用 CDN 或者像 Bower、npm 这样的包管理器。这将使你在不同环境中部署项目更加容易,并且可以在新版本发布时轻松升级 Select2。不过如果你更倾向于手动集成 Select2 到你的项目中,你可以从 GitHub下载你选择的版本并将其中dist
目录下的文件复制到你的项目中。
在你的页面中包含已编译的文件:
<link href="path/to/select2.min.css" rel="stylesheet" />
<script src="path/to/select2.min.js"></script>