Question

此jsfiddle有效http://jsfiddle.net/y913yh4u/2/，但本地保存的代码无效https://pastebin.com/rkiDRfFz

使用此方法表示即使包含脚本，DataTable也不是函数。

 $(document).ready(function(){
        $('#myTable').DataTable();
    });

LocalHost：

JSFIDDLE：

将提供任何帮助。

Answer 1

JavaScript附在结束body标记之前。

当浏览器遇到脚本标签时，浏览器将停止解析页面。因此，为了使用户尽早看到内容，脚本的连接被延迟到最后一刻。

尝试这样做。

<head>
  <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
  <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css">
</head>

<body>

  <table id="myTable" class="display" cellspacing="0" width="100%">
    <thead>
      ...
    </thead>
    <tbody>
      ...
    </tbody>
  </table>

  <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>

</body>

脚本无法在localhost上运行，但可以在jsfiddle中运行

1 个答案: