HTML, 调用 JS (API)答案

【问题标题】：HTML, calling JS (API)HTML, 调用 JS (API)
【发布时间】：2014-12-01 23:29:34
【问题描述】：

我在调用 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>

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

【问题讨论】：

标签： javascript html chessboard.js

【解决方案1】：

根据您的代码和文档，据我所知，您缺少两件事：

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

2) 解决该问题后，您将在 chessboard.js 文件中收到一条错误消息“$ is not defined”。我梳理出 JQuery 是 chessboard.js 文件的依赖项。如果您在 html 中包含 JQuery（可以像使用 chessboard.js 一样下载文件或使用 CDN）。

在那之后你应该很好！

【讨论】：

【解决方案2】：

更新：

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

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

【讨论】：