我在调用棋盘时几乎没有问题.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服务器),因为有时如果从本地目录调用代码,代码将不起作用。