我如何使用chessboard.js,一个javascript棋盘？
kdo*_*dog 0 html javascript chessboard.js
我试图在这里使用javascript棋盘:http://chessboardjs.com/.不幸的是,我不知道javascript或CSS,并且在HTML中生锈,所以我不理解文档,即使这似乎是一个标准的javascript棋盘.
如何安装和使用此包以呈现棋盘？"示例"都是HTML或javascript的片段,对我来说没有用,没有嵌入到工作网页中.当复制到我的主目录时,示例网页的源不起作用.例如,网页http://chessboardjs.com/examples/1000在这里声称要渲染和清空电路板,并在他们的服务器上执行,但是当我将源复制到我的本地目录时,只有一个空白页面呈现.无论如何,该页面的来源对我来说没有意义,例如,它引用文件"js/chessboard.js"和"js/json3.min.js",这两个文件都不在分发中.(当"chessboard.js"被分发中的javascript文件的名称替换时,渲染也不起作用).
我认为该问题与搜索img文件的位置以及存储文件的位置有关.并且可能这些对于javascript专家来说是如此明显,以至于它都隐含在这个包中,并且在文档中没有解释过.
所以,我想要的是一个文件foo.html,当复制到我的本地机器时,将使用chessboard.js源渲染棋盘.
4ca*_*tle 12
创建一个新的文本文件,并将其粘贴到:
<!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扩展名保存.
接下来,从他们的下载页面下载他们的distributable .并解压缩文件夹.
接下来,把你的HTML文件在同一文件夹中js,img以及css从解压缩的文件夹分配.
双击/运行HTML文件.网址应该说file:///C:/path/to/the/file.html.
你应该看到
- @kdog 很乐意提供帮助！我可以看到这个过程是多么令人困惑。他们没有让大家知道 jQuery 是一个未包含在其可分发版本中的依赖项。 (4认同)
- 非常感谢你！我确信这对于具有javascript和CSS专业知识的人来说是显而易见的，但是我花了至少一个小时来玩弄这些东西，却无法正常工作。这有效，而这正是我想要的。 (2认同)