Javascript jQuery数据表不工作（已检查其他问题，没有帮助）

我正在使用PHP，我制作了一个表，从我制作的一些简单的搜索页面中获取结果，一切正常，但我想将显示我的数据的表制作为jQuery dataTable。我继续前进，做了所有需要的事情（我想），但它仍然不起作用，我现在真的迷路了

下面是我在标记中与dataTable部分相关的内容

 <!-- jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- the links for the data tables -->
<link type="text/css" rel="stylesheet" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" >
<script type="text/javascript" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

  <script type="text/javascript"> 
    $(document).ready(function(){
    $('#tablee').DataTable();
});
</script>

$（文档）.ready（函数（）{
$（'#table'）.DataTable（）；
});

我的表中有这个

我在页面底部也有这个，用于引导

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

试图将其移除，但没有任何帮助

另外据我所知，将脚本放在页面底部是提高页面加载速度的更好实践，是吗？我只是想让它暂时发挥作用。谢谢

根据请求添加表的完整HTML代码

  <div class="row">

        <table class="table table-striped"  id="tablee">
           <thead> 

                        <tr>
                    <th>field</th>
                    <th>field</th>
                    <th>field</th>
                    <th>field</th>
                    <th>field</th>
                    <th>field</th>
                    <th>field</th>

                  </tr>
                </thead>

                <tbody>

                    <tr>
                     <?php echo '<td class="col-md-1"> ' ?> <?php echo "<a href='view.php?id=".$row['id'] ."'>" . $row['field'] .  "</a>"; ?> </td>
                     <td class="col-md-2"> <?php echo $row['field']; ?> </td> 
                      <td class="col-md-1"> <?php echo $row['field']; ?> </td>
                      <td class="col-md-1"> <?php echo $row['field']; ?> </td>
                      <td class="col-md-1"> <?php echo $row['field']; ?> </td>
                      <td class="col-md-1"> <?php echo $row['field']; ?> </td>
                      <td class="col-md-1"> <?php echo $row['field'];?> </td> 
                      </tr>}//end while ?>
       <!-- instead of table style make divs --> 
       </tbody>
       </table>
       </div> <!-- /table row -->

领域
领域
领域
领域
领域
领域
领域
}//何时结束？>

我的头脚本

按照前几天的建议加载CSS，然后加载这些脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<!-- jquery for the data tables -->
<script type="text/javascript" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

    <!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>



<script> $(document).ready(function(){
    $('#tablee').DataTable();
}); </script>

$（文档）.ready（函数（）{
$（'#table'）.DataTable（）；
}); 

试试这个：

Jquery：

$(document).ready(function() {
    var data = [];
    data.push(
        [1,"Sasha","Brenna","0800 1111"],
        [2,"Sage","Mia","(01012) 405872"],
    );

    $('#data_table').DataTable( {
        data:           data,
        deferRender:    true,
        scrollY:        200,    // Y scroll fix to 200px
        scrollCollapse: true,
        scroller:       true
    });
});

Html:

电磁脉冲代码
名字
姓
可移动的

---

您没有为表提供HTML，因此无法知道选择器是否正确。然而，你可能只是有一个打字错误

你有：

$('#tablee')

你的意思是说：

$('#table')

---

请检查包含javascript文件的顺序。例如，将以下javascript文件按顺序排列：

jQuery文件

引导文件（可选）

数据表文件

您的Javascript文件

对于所使用的DataTable文件，还要使用适当的jQuery版本文件。为此，您可以查看Datatables文档

我在这里给出了一个示例链接：

---

向下滚动并查看下面的选项卡（Javascript、Html和Css），了解您需要什么。

问题是我在页面底部引用了另一个Jquery文件，而datatables Jquery仍在页眉处。所以加载了最新的jquery，然后是datatables jquery，然后是bootstrap附带的较旧版本的jquery（页面底部）。所以我猜当第一页的底部被加载时，就好像datatables jquery是在实际jquery需要工作之前加载的。现在已经修好了

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <!-- jquery for the data tables -->
<script type="text/javascript" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

<script> $(document).ready(function(){
    $('#tablee').DataTable();
}); </script>

$（文档）.ready（函数（）{
$（'#table'）.DataTable（）；
}); 

您想要客户端数据表吗？嗯，我想是的。我想让用户能够搜索和排序，并对大的结果进行分页。你的html、css和js代码看起来不错。您如何包含可能存在问题：jquery.dataTables.min.css和query.dataTables.min.jsAdd http:或https:在//cdn.dataTables.net/@Bimal

/

之前，在所有现代浏览器中默认为http或https。这不是一个打字错误，因为html看起来像这样：@Bimal怎么知道？原来的问题不是这样的。表是有意的。表的ID是tablee，因此与jQuery函数中的ID类似。它只是一个变量的name@Soviut请再核对一下这个问题。它提到：我的表中有这个，我将你的函数放在标签的脚本中，并将我的表的ID更改为data_table。“这没用，奇怪。”Mar1AK只是一张支票。您的项目中是否使用多个jquery版本？@Mar1AK请共享完整的html代码，以便轻松解决问题。@Mar1AK您的html代码中缺少一个。您能告诉我在php文件中jQuery plus数据表的css和js链接放在哪里吗。@Bimal谢谢，更正了标记，我将所有链接放在元素中，它们不在php代码中。问题是我引用了页面底部的另一个jQuery文件，而datatables jquery仍在标题处。所以加载了最新的jquery，然后是datatables jquery，然后是bootstrap附带的较旧版本的jquery（页面底部）。所以我猜当第一页的底部被加载时，就好像datatables jquery是在实际jquery需要工作之前加载的。谢谢你的关心，伙计，这个答案让我再次看了一遍，现在问题解决了。@Mar1AK很高兴你找到了解决方案。

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <!-- jquery for the data tables -->
<script type="text/javascript" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>

<script> $(document).ready(function(){
    $('#tablee').DataTable();
}); </script>