Question

我尝试使用Bootstrap select，但这只适用于未加载datatables的网页。问题是当我点击bootstrap选择它不会把aria扩展为true时，奇怪的是：当我点击选择按钮并按下键盘上的一个键时，它会触发按钮并展开它。

我不知道是否有快速修复或datatables和Bootstrap选择不能一起工作。

我的代码：

＆＃13;

  <!--  // 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>

＆＃13;

请注意，这不是我的完整代码，只是其中的重要部分。

Answer 1

所以解决方案很简单，我在bootstrap.js文件之前加载它。它需要在bootstrap.js文件之后加载。

包含数据表时，Bootstrap选择不会下拉

1 个答案: