脚本在本地主机上不起作用，但在 jsfiddle 中起作用 [关闭]答案

【问题标题】：Script not working on localhost but works in jsfiddle [closed]脚本在本地主机上不起作用，但在 jsfiddle 中起作用 [关闭]
【发布时间】：2020-09-19 20:23:58
【问题描述】：

这个 jsfiddle 工作 http://jsfiddle.net/y913yh4u/2/ 但本地保存的代码不起作用 https://pastebin.com/rkiDRfFz

使用这表示 DataTable 不是函数，即使包含脚本。

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

本地主机：

JSFIDDLE：

如有任何帮助，将不胜感激。

【问题讨论】：

您是否在本地 HTML 文件上链接了 jQuery？你已经在你的 jsfiddle 上指定了 jQuery。
请分享您的html代码？您错过了插件或您的脚本文件 url 不正确
@pc_coder pastebin.com/rkiDRfFz
@DeanVanGreunen - 不，它必须在这里，在现场，而不仅仅是链接。两个原因：人们不应该去场外帮助你；和链接腐烂，使问题及其答案对未来的人们毫无用处。请在问题中输入minimal reproducible example in。更多：Something in my web site or project doesn't work. Can I just paste a link to it?
@Vepthy 是的，我有 jsfiddle 的精确副本

标签： javascript html laravel

【解决方案1】：

JavaScript 附加在正文结束标记之前。

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

尝试这样做。

<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>

【讨论】：

正文的第一行或正文的最后一行或在标题中都没有关系。重要的是它们的正确顺序。您可以尝试使用本地 html 将其放在正文的第一行。你会看到它会工作 %100