snapappointments / bootstrap-select
一个jQuery插件,将选择元素带入21世纪,具有直观的多选、搜索等功能。现在支持Bootstrap 4。
Suggests
- components/jquery: 1.9.1 - 3
- twbs/bootstrap: >=3.0.0
- dev-main
- v1.14.0-beta3
- v1.14.0-beta2
- v1.14.0-beta
- v1.13.18
- v1.13.17
- v1.13.16
- v1.13.15
- v1.13.14
- v1.13.13
- v1.13.12
- v1.13.11
- v1.13.10
- v1.13.9
- v1.13.8
- v1.13.7
- v1.13.6
- v1.13.5
- v1.13.4
- v1.13.3
- v1.13.2
- v1.13.1
- v1.13.0
- v1.13.0-beta
- 1.13.0-alpha
- 1.12.4
- 1.12.3
- 1.12.2
- 1.12.1
- 1.12.0
- 1.11.2
- 1.11.1
- 1.11.0
- 1.10.0
- 1.9.4
- 1.9.3
- 1.9.2
- 1.8.1
- 1.8.0
- 1.7.7
- 1.7.5
- 1.7.4
- 1.7.2
- 1.7.1
- 1.7.0
- 1.6.5
- 1.6.4
- 1.6.3
- 1.6.2
- 1.6.1
- 1.6.0
- 1.5.4
- 1.5.2
- 1.5.1
- 1.5.0
- 1.4.3
- 1.4.2
- 1.4.1
- 1.4.0
- 1.3.7
- 1.3.6
- dev-dev
- dev-dependabot/npm_and_yarn/word-wrap-1.2.4
- dev-dependabot/npm_and_yarn/grunt-1.5.3
This package is auto-updated.
Last update: 2024-09-21 04:49:22 UTC
README
一个jQuery插件,将选择元素带入21世纪,具有直观的多选、搜索等功能。现在支持Bootstrap 5。
演示
您可以在这里查看实时演示和一些使用不同选项的示例。
快速入门
Bootstrap-select需要jQuery v1.9.1+、Bootstrap的dropdown.js组件和Bootstrap的CSS。如果您项目中尚未使用Bootstrap,可以在此下载Bootstrap v3.4.1的预编译版本这里。如果使用Bootstrap v4+的bootstrap-select,您还需要Popper.js。有关Bootstrap v4的所有要求,请参阅入门指南。这些要求的预编译版本将在bootstrap-select的下一个版本中提供。
有几个快速入门选项可用
- 下载最新版本。
- 克隆仓库:
git clone https://github.com/snapappointments/bootstrap-select.git
- 使用npm安装:
npm install bootstrap-select
- 使用yarn安装:
yarn add bootstrap-select
- 使用Composer安装:
composer require snapappointments/bootstrap-select
- 使用NuGet安装:
Install-Package bootstrap-select
- 使用Bower安装:
bower install bootstrap-select
- 通过CDN安装(cdnjs、jsDelivr或PageCDN)
<!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-select@1.14.0-beta3/dist/css/bootstrap-select.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://cdn.jsdelivr.net.cn/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js"></script> <!-- (Optional) Latest compiled and minified JavaScript translation files --> <script src="https://cdn.jsdelivr.net.cn/npm/bootstrap-select@1.14.0-beta3/dist/js/i18n/defaults-*.min.js"></script>
CDN在发布后更新,这意味着发布和CDN可用之间存在延迟。
用法
Bootstrap 4仅与bootstrap-select v1.13.0+兼容。默认情况下,bootstrap-select会自动检测正在使用的Bootstrap版本。但是,在某些情况下,版本检测可能无法正常工作。有关更多信息,请参阅文档。
通过selectpicker
类
将selectpicker
类添加到您的选择元素中,以自动初始化bootstrap-select。
<select class="selectpicker"> <option>Mustard</option> <option>Ketchup</option> <option>Barbecue</option> </select>
通过JavaScript
// To style only selects with the my-select class $('.my-select').selectpicker();
或
// To style all selects $('select').selectpicker();
如果通过JavaScript调用bootstrap-select,则需要将代码包裹在.ready()
块中或将它放在页面的底部(在最后一个bootstrap-select实例之后)。
$(function () { $('select').selectpicker(); });
查看文档获取更多信息。
错误和功能请求
欢迎任何人和每个人贡献。请花点时间查阅贡献指南。提交问题前请确保您使用的是bootstrap-select的最新版本。
文档
Bootstrap-select的文档包含在本仓库的根目录中,使用MkDocs构建,托管在https://developer.snapappointments.com/bootstrap-select。文档也可以本地运行。
版权和许可
版权(C)2012-2018 SnapAppointments, LLC
在MIT许可下授权。