使用Jquery DataTables的HTML文件将从文件而不是从IDE加载：$（…）DataTable不是函数错误
我有一个简短的测试html文件，其中包括Jquery插件数据表。如果我将html文件从桌面打开到Chrome、Safari或其他浏览器中，它就会工作。但是，如果尝试从IDE（如Xpages或Coda）中启动该文件，则会出现错误$（…）DataTable不是函数 我首先包含了Jquery库，所以我对问题所在感到困惑 代码如下：使用Jquery DataTables的HTML文件将从文件而不是从IDE加载：$（…）DataTable不是函数错误,datatables,Datatables,我有一个简短的测试html文件，其中包括Jquery插件数据表。如果我将html文件从桌面打开到Chrome、Safari或其他浏览器中，它就会工作。但是，如果尝试从IDE（如Xpages或Coda）中启动该文件，则会出现错误$（…）DataTable不是函数 我首先包含了Jquery库，所以我对问题所在感到困惑 代码如下： <!DOCTYPE html> <html> <head> <script src="http://code.jque
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script>
body {
font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #333;
background-color: #fff;
}
</script>
<script>
$(document).ready( function () {
var table = $('#example').DataTable();
} );
</script>
<meta charset=utf-8 />
<title>DataTables - JS Bin</title>
</head>
<body>
<div class="container">
<table id="example" class="display nowrap" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3,120</td>
</tr>
<tr>
<td>Garrett Winters</td>
<td>Director</td>
<td>Edinburgh</td>
<td>63</td>
<td>2011/07/25</td>
<td>$5,300</td>
</tr>
<tr>
<td>Ashton Cox</td>
<td>Technical Author</td>
<td>San Francisco</td>
<td>66</td>
<td>2009/01/12</td>
<td>$4,800</td>
</tr>
<tr>
<td>Cedric Kelly</td>
<td>Javascript Developer</td>
<td>Edinburgh</td>
<td>22</td>
<td>2012/03/29</td>
<td>$3,600</td>
</tr>
<tr>
<td>Donna Snider</td>
<td>System Architect</td>
<td>New York</td>
<td>27</td>
<td>2011/01/25</td>
<td>$3,120</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
身体{
字体：90%/1.45em“Helvetica Neue”，HelveticaNeue，Verdana，Arial，Helvetica，无衬线；
保证金：0；
填充：0；
颜色：#333；
背景色：#fff；
}
$（文档）.ready（函数（）{
变量表=$（“#示例”）.DataTable（）；
} );
DataTables-JS-Bin
名称
位置
办公室
年龄
开始日期
薪水
名称
位置
办公室
年龄
开始日期
薪水
老虎尼克松
系统架构师
爱丁堡
61
2011/04/25
$3,120
加勒特温特斯
经理
爱丁堡
63
2011/07/25
$5,300
阿什顿考克斯
技术作者
旧金山
66
2009/01/12
$4,800
塞德里克·凯利
Javascript开发人员
爱丁堡
22
2012/03/29
$3,600
唐娜·斯奈德
系统架构师
纽约
27
2011/01/25
$3,120
<script>
body {
font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #333;
background-color: #fff;
}
</script>
身体{
字体：90%/1.45em“Helvetica Neue”，HelveticaNeue，Verdana，Arial，Helvetica，无衬线；
保证金：0；
填充：0；
颜色：#333；
背景色：#fff；
}
我看到的第二件事是一条奇怪的错误消息：“$（…）DataTable不是函数”在$（…）之后没有点符号。是否会发生这种情况，因为您的样式被包装到了中？这是故意的吗？请尝试删除您的体形，因为它的格式错误。在您的代码示例中：body{font:90%/1.45em“Helvetica Neue”，HelveticaNeue，Verdana，Arial，Helvetica，sans serif；margin:0；padding:0；color:#333；background color:#fff；}好的，我想删除这个问题……实际上，可能没有。我确实把剧本改成了风格。然后它在结尾处起作用了。但是放入Xpages IDE的完全相同的代码失败了。我得到了相同的错误$（…）DataTable不是一个函数…..您的代码在将
脚本样式