Question

我试图在这里使用javascript棋盘：http://chessboardjs.com/。不幸的是，我不知道javascript或CSS，并且HTML生锈，所以我不理解文档，尽管这似乎是一个标准的javascript棋盘。

如何安装和使用此包以呈现棋盘？＆＃34;示例＆＃34;都是HTML或javascript的片段，对我来说没用，没有嵌入到工作网页中。当复制到我的主目录时，示例网页的源不起作用。例如，网页http://chessboardjs.com/examples/1000在这里声称要渲染和清空它们，并且在他们的服务器上执行，但是当我将源复制到我的本地目录时，只有一个空白页面呈现。无论如何，该页面的来源对我来说没有意义，例如，它指的是文件＆＃34; js / chessboard.js＆＃34;和＆＃34; js / json3.min.js＆＃34; ，这两者都不在分发中。（当＃34; chessboard.js＆＃34;被分发中的javascript文件的名称替换时，渲染也不起作用）。

我认为该问题与搜索img文件的位置以及存储文件的位置有关。并且可能这些对于javascript专家来说是如此明显，以至于它都隐含在这个包中，并且在文档中没有解释过。

所以，我想要的是一个文件foo.html，当复制到我的本地机器时，将使用chessboard.js源渲染棋盘。

Answer 1

创建一个新的文本文件，并将其粘贴到：

<!DOCTYPE html>
<html>
  <head>
    <title>Chess</title>
    <link rel="stylesheet" href="css/chessboard-0.3.0.min.css">
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="js/chessboard-0.3.0.min.js"></script>
  </head>
  <body>
    <div id="board1" style="width: 400px"></div>
    <script>
        var board1 = ChessBoard('board1', 'start');
    </script>
  </body>
</html>

然后使用.html或.htm扩展名保存。

接下来，从their download page下载他们的可分发版。并解压缩文件夹。

接下来，将您的HTML文件放在与解压缩的可分发的js，img和css文件夹相同的文件夹中。

双击/运行HTML文件。该网址应为file:///C:/path/to/the/file.html。

你应该看到

我如何使用jaw棋盘棋枰？

1 个答案: