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不是函数

Answer 1

您应该呼叫Datatable()而不是bootstrapTable()，如下所示：

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

有关更多知识，请单击此处查看先前的question。

Answer 2

我只是在与jquery相关的文件之后添加了与引导程序相关的文件（js和css），问题不再存在。

Answer 3

TypeError：$（...）。bootstrapTable不是函数

当您必须在$('#example').DataTable();库之后的初始bootstrapTable中包含

时，将给出此错误

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

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

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

谢谢

TypeError：$（...）。bootstrapTable不是函数

3 个答案: