Bootstrap select 包含数据表时不会下拉
Bootstrap select won't dropdown when datatables is included
我正在尝试使用 Bootstrap select,这有效,但仅适用于未加载 datatables
的页面。问题是当我点击 bootstrap select 它不会将 aria expended 变为 true,奇怪的是:当我点击 select 按钮并按下键盘上的一个键时,它触发按钮并展开它。
我不知道是否有对此的快速修复,或者 datatables
和 Bootstrap select 不能一起工作。
我的代码:
<!-- // Header cdns
DataTables -->
<link rel="stylesheet" href="{{ asset('vendor/adminlte/plugins/datatables/dataTables.bootstrap.min.css') }}">
<!-- Bootstrap-Select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<!-- // select button -->
<select data-live-search="true" name="stores" id="stores" class="form-control selectpicker">
<option value="1" data-content="Amsterdam"></option>
</select>
<!-- // footer cdns
Bootstrap-Select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<!-- DataTables -->
<script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
<script type="text/javascript" src="https://www.datatables.net/plug-ins/i18n/Dutch"></script>
请注意,这不是我的完整代码,只是其中的重要部分。
所以解决方案很简单,我在 bootstrap.js 文件之前加载它。它需要在 bootstrap.js 文件之后加载。
我正在尝试使用 Bootstrap select,这有效,但仅适用于未加载 datatables
的页面。问题是当我点击 bootstrap select 它不会将 aria expended 变为 true,奇怪的是:当我点击 select 按钮并按下键盘上的一个键时,它触发按钮并展开它。
我不知道是否有对此的快速修复,或者 datatables
和 Bootstrap select 不能一起工作。
我的代码:
<!-- // Header cdns
DataTables -->
<link rel="stylesheet" href="{{ asset('vendor/adminlte/plugins/datatables/dataTables.bootstrap.min.css') }}">
<!-- Bootstrap-Select -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<!-- // select button -->
<select data-live-search="true" name="stores" id="stores" class="form-control selectpicker">
<option value="1" data-content="Amsterdam"></option>
</select>
<!-- // footer cdns
Bootstrap-Select -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<!-- DataTables -->
<script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
<script type="text/javascript" src="https://www.datatables.net/plug-ins/i18n/Dutch"></script>
请注意,这不是我的完整代码,只是其中的重要部分。
所以解决方案很简单,我在 bootstrap.js 文件之前加载它。它需要在 bootstrap.js 文件之后加载。