TypeError: $ (...).bootstrapTable is not a function

Question

<table id="selectCaseTable" class="table table-bordered table-striped table-hover">
  <!-- table code... -->
</table>

<!-- jQuery 3 -->
<script src="/static/adminlet-2.4.10/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="/static/adminlet-2.4.10/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- AdminLTE App -->
<script src="/static/adminlet-2.4.10/dist/js/adminlte.min.js"></script>
<script src="/static/adminlet-2.4.10/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/static/adminlet-2.4.10/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="/static/adminlet-2.4.10/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<!-- FastClick -->
<script src="/static/adminlet-2.4.10/bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="/static/adminlet-2.4.10/dist/js/demo.js"></script>

<srcipt>
fuctions addSelectCase(){
    ...
    $("#selectCaseTable").bootstrapTable('refresh');
}
</script>

当我像下面那样调用 bootstrapTable("refresh") 时

$("#selectCaseTable").bootstrapTable('refresh');

我在控制台上看到错误

TypeError: $(...).bootstrapTable is not a function

Answer 1

您应该调用 Datatable() 而不是 bootstrapTable()，如下面的代码所示：

var table = $('#example').DataTable();
table.ajax.reload();

要了解更多信息，请单击此处查看以前的 question。

Answer 2

TypeError: $ (…).bootstrapTable is not a function

这个错误是在 bootstrapTable 库之后的初始 $('#example').DataTable(); 必须包含

<script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>

调用$('#example').DataTable();函数后。

这是任何未加载的脚本或函数的常见问题，但您调用它然后客户端站点浏览器给出此错误。

谢谢

Answer 3

我刚刚在 jquery 个相关文件之后添加了 bootstrap 个相关文件（js 和 css），问题就消失了。

TypeError: $ (...).bootstrapTable is not a function

TypeError: $ (...).bootstrapTable is not a function

jquery

twitter-bootstrap-3

adminlte