HTML, calling JS (API)



我在调用棋盘时几乎没有问题.js(http://chessboardjs.com)。我下载了API并制作了新的HTML文件:

<!DOCTYPE html>
<html>
<head>
  <title>Super chess/title>
  <meta charset="UTF-8"/>
  <script src=":path-to-js-filejschessboard-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>

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

根据我的代码和文档可以看出,您缺少两件事:

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

2)修复该问题后,您将在棋盘.js文件中收到一条错误消息,指出"未定义$"。我梳理出JQuery是棋盘.js文件的依赖项。如果你在 html 中包含 JQuery(要么像下载棋盘一样下载文件.js要么使用 CDN)。

在那之后你应该很好!!

更新:

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

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

最新更新