Jquery 获取类型错误:$(…)。DataTable不是函数
我正在创建一个datatable来显示后端的数据库结果Jquery 获取类型错误:$(…)。DataTable不是函数,jquery,ajax,datatables,Jquery,Ajax,Datatables,我正在创建一个datatable来显示后端的数据库结果 <div class="box" id="table-box"> <div class="box-body"> <div class="row"> <div class="shortcodes no-top-padding"> <div class="dataT
<div class="box" id="table-box">
<div class="box-body">
<div class="row">
<div class="shortcodes no-top-padding">
<div class="dataTables_wrapper table-bordered table-striped dt-bootstrap">
<table id="branchTable" class="table table-hover dataTable"
cellspacing="0" width="100%">
<thead>
<tr>
<th>id</th>
<th>Name</th>
<th>Address</th>
<th>Telephone</th>
<th>Email</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
我已经根据需要导入了所有必要的脚本文件
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/jquery.placeholder.min.js"></script>
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/jquery.dataTables.min.js"></script>
<!-- Bootstrap Data Tables -->
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/dataTables.bootstrap.min.js"> </script>
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="<?php echo(getConfiguration('site_url')); ?>/js/dataTables.buttons.bootstrap.min.js"></script>
可能的原因
- 缺少jQuery数据表库
- jQuery库在jQuery数据表之后加载
- 已加载jQuery库的多个版本
解决方案
在jQuery DataTables之前只包含一个版本的jQuery库版本1.7或更新版本
链接
有关更多信息,请参阅。可能的原因
// you have to add datatables librairie's in your page by adding those two lines
<script type="text/javascript" src=" https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
- 缺少jQuery数据表库
- jQuery库在jQuery数据表之后加载
- 已加载jQuery库的多个版本
解决方案
在jQuery DataTables之前只包含一个版本的jQuery库版本1.7或更新版本
链接
有关更多信息,请参阅。//您必须通过添加这两行在页面中添加datatables Librarie
// you have to add datatables librairie's in your page by adding those two lines
<script type="text/javascript" src=" https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
//您必须通过添加这两行在页面中添加datatables Librarie's
看起来像是打字错误。试试“.dataTable”而不是“.dataTable”。继续获取错误检查文件的路径是否正确。由于某些原因,未加载DataTables库。我们无法确切地告诉您,为什么您向我们展示的信息看起来像是打字错误。试试“.dataTable”而不是“.dataTable”。继续获取错误检查文件的路径是否正确。由于某些原因,未加载DataTables库。我们不能确切地告诉你为什么你给我们提供了这些信息/
// you have to add datatables librairie's in your page by adding those two lines
<script type="text/javascript" src=" https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">