插件 jQuery.bracket 中文 API 文档
🌙
手机阅读
本文目录结构
插件 jQuery.bracket 中文 API 文档
- Github 地址:https://github.com/teijo/jquery-bracket
- 源码下载: -
- 效果演示: -
jQuery 括号是一个 jQuery 插件,允许用户创建和显示锦标赛游戏的单和双消除括号。
例子
要尝试大多数示例,请使用以下内容:
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.bracket.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.bracket.min.css" />
数据结构
括号信息存储在单个对象中。对象的内容决定了渲染的内容。使用保存功能演示并检查其他演示的输入数据。
- 团队对的数量决定了括号的大小。 null 团队将成为 BYE。与 BYE 比赛的球队将获得默认胜利而没有得分
- 结果列表的数量决定锦标赛类型。一个列表表示单个消除。三(赢家,输家和决赛)表明双重淘汰。
- null 而不是数字表示空结果。
遗憾的是,目前还没有将特定结果映射到团队对的示例算法,以防您需要以不同格式存储信息。除了第一轮以外的任何其他解决团队名称都需要您计算整个锦标赛树。
var singleElimination = {
"teams": [ // Matchups
["Team 1", "Team 2"], // First match
["Team 3", "Team 4"] // Second match
],
"results": [ // List of brackets (single elimination, so only one bracket)
[ // List of rounds in bracket
[ // First round in this bracket
[1, 2], // Team 1 vs Team 2
[3, 4] // Team 3 vs Team 4
],
[ // Second (final) round in single elimination bracket
[5, 6], // Match for first place
[7, 8] // Match for 3rd place
]
]
]
}
var doubleElimination = {
"teams": [
["Team 1", "Team 2"],
["Team 3", "Team 4"]
],
"results": [ // List of brackets (three since this is double elimination)
[ // Winner bracket
[[1, 2], [3, 4]], // First round and results
[[5, 6]] // Second round
],
[ // Loser bracket
[[7, 8]], // First round
[[9, 10]] // Second round
],
[ // Final "bracket"
[ // First round
[11, 12], // Match to determine 1st and 2nd
[13, 14] // Match to determine 3rd and 4th
],
[ // Second round
[15, 16] // LB winner won first round (11-12) so need a final decisive round
]
]
]
}