Question

调用chessboard.js（http://chessboardjs.com）时遇到的问题很少。我下载了API并制作了新的HTML文件：

<!DOCTYPE html>
<html>
<head>
  <title>Super chess/title>
  <meta charset="UTF-8"/>
  <script src=":\path-to-js-file\jschessboard-0.3.0.js"></script>
</head>
<body bgcolor="lightgrey">
<div id="board" style="width: 400px"></div>
<script>
var board = new ChessBoard('board', 'start');
</script>
</body>
</html>

我试图画棋盘。我做错了什么？感谢。

Answer 1

根据您的代码和文档我可以告诉您，您遗漏了两件事：

1）您的标题标签未在您的html文件的第4行关闭

2）在你修复了这个问题后，你会在chessboard.js文件中收到一条错误，说“$ is not defined”。我弄明白JQuery是chessboard.js文件的依赖项。如果你在你的html中包含JQuery（或者像使用chessboard.js一样下载文件或者使用CDN）。

在那之后你应该很好!!

Answer 2

更新

几乎尝试了一切，这是我的本地目录： https://www.dropbox.com/sh/3unwsb8esh9100o/AADHEB8sojQy1PnpLyC8fmSLa?dl=0

我还将jQuery下载到我的本地目录，但页面仍然没有加载。 Chrome中的开发工具无法导入任何内容。并且还尝试使用xampp（Apache服务器），因为如果从本地目录调用它，有时代码不起作用。

HTML，调用JS（API）

2 个答案: