Javascript TableTools的基本用法示例不起作用_Javascript_Html_Css_Tabletools

Javascript TableTools的基本用法示例不起作用

javascript html css

Javascript TableTools的基本用法示例不起作用,javascript,html,css,tabletools,Javascript,Html,Css,Tabletools,在我的Visual Studio项目中，我在此处复制了完全相同的代码：我将项目中的两个css文件保存为style1.css、style2.css 我将三个js文件保存为script1.js、script2.js、script3.js 然后，我的custom.js文件是：据我所知，该页面的代码应该按原样工作。然而，它似乎根本不起作用没有任何格式无法查看副本，csv。。。按钮如何安排我的所有文件/代码以使其正常工作我在这方面是相当新的；感谢您的帮助您需要添加对jquery库和Tabl

在我的Visual Studio项目中，我在此处复制了完全相同的代码：

我将项目中的两个css文件保存为style1.css、style2.css

我将三个js文件保存为script1.js、script2.js、script3.js

然后，我的custom.js文件是：

据我所知，该页面的代码应该按原样工作。然而，它似乎根本不起作用

没有任何格式无法查看副本，csv。。。按钮如何安排我的所有文件/代码以使其正常工作

我在这方面是相当新的；感谢您的帮助

您需要添加对jquery库和TableTools插件的引用。在显示示例的页面上，在Javascript部分下，您将看到解释您需要这三个库的文本

将此文件放在其他js文件之前

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="dataTables.tableTools.js"></script>

我添加了对jquery 2.1.1的引用，但这并没有修复浏览器控制台中的任何错误？哦，它说未捕获引用错误：$未定义。但是我包括了jQuery？我包括了；CSS选项卡中的最后一个链接和JS选项卡中的最后一个链接是TableTools插件的两个文件。我将它们作为style2.css和script3.js包含在内。jquery和tabletools脚本文件需要高于任何其他js文件。在粘贴的代码中，script3.js是最后一个。应该是第一个。同样重要的是，script3.js文件中的源代码按顺序依次为jquery、jquery.dataTables和dataTables.tableTools。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style1.css" />
    <link rel="stylesheet" type="text/css" href="style2.css" />
    <script type="text/javascript" src="custom.js"></script>
    <script type="text/javascript" src="script1.js"></script>
    <script type="text/javascript" src="script2.js"></script>
    <script type="text/javascript" src="script3.js"></script>
</head>
<body>
    <!--inserted exact copy of html table-->
</body>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="dataTables.tableTools.js"></script>