Javascript JQuery括号插件呈现多个锦标赛括号
我有以下代码，它使用在此处找到的JQuery括号插件呈现一个括号：。但是，我想在同一页上呈现两个括号。这段代码只呈现先初始化的括号Javascript JQuery括号插件呈现多个锦标赛括号,javascript,jquery,html,Javascript,Jquery,Html,我有以下代码，它使用在此处找到的JQuery括号插件呈现一个括号：。但是，我想在同一页上呈现两个括号。这段代码只呈现先初始化的括号 <html> <head> <script type="text/javascript" src="jquery-3.1.1.min.js"></script> <script type="text/javascript" src="jquery.bracket.min.js">
<html>
<head>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="jquery.bracket.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.bracket.min.css" />
<script>
$(document).ready(function() {
var leftBracket = {
teams: [
["Kansas", "Austin Peay"],
["Colorado", "Connecticut"],
["Maryland", "South Dakota State"],
["California", "Hawaii"],
["Arizona", "Wichita State"],
["Miami (FL)", "Buffalo"],
["Iowa", "Temple"],
["Villanova", "UNC Asheville"],
["Oregon", "Holy Cross"],
["Saint Joseph's", "Cincinnati"],
["Baylor", "Yale"],
["Duke", "UNC Wilmington"],
["Texas", "Northern Iowa"],
["Texas A&M", "Green Bay"],
["Oregon State", "VCU"],
["Oklahoma", "Cal State Bakersfield"]
],
results: [
[
[[105, 79],[67, 74],[79, 74],[66, 77],[55, 65],[79, 72],[72, 70],[86, 56],[91, 52], [78, 76], [75, 79], [93, 85], [72, 75], [92, 65], [67, 75], [82, 68]],
[[73, 61],[73, 60],[57, 65],[68, 87],[69, 64],[64, 71],[88, 92],[81, 85]],
[[79, 63],[69, 92],[82, 68],[63, 77]],
[[59, 64],[68, 80]],
[[1,2]]
]
]
};
var rightBracket = {
teams: [
["North Carolina", "Florida Gulf Coast"],
["USC", "Providence"],
["Indiana", "Chattanooga"],
["Kentucky", "Stony Brook"],
["Notre Dame", "Michigan"],
["West Virginia", "Stephen F. Austin"],
["Wisconsin", "Pittsburgh"],
["Xavier", "Weber State"],
["Virginia", "Hampton"],
["Texas Tech", "Butler"],
["Purdue", "Little Rock"],
["Iowa State", "Iona"],
["Seton Hall", "Gonzaga"],
["Utah", "Fresno State"],
["Dayton", "Syracuse"],
["Michigan State", "Middle Tennessee"]
],
results: [
[
[[83, 67], [69, 70], [99, 74], [85, 57], [70, 63], [56, 70], [47, 43], [71, 53], [81, 45], [61, 71], [83, 85], [94, 81], [52, 68], [80, 69], [51, 70], [81, 90]],
[[85, 66], [73, 67], [76, 75], [66, 63], [77, 69], [61, 78], [82, 59], [75, 50]],
[[101, 86], [61, 56], [84, 71], [60, 63]],
[[88, 74], [62, 68]],
[[2, 3]]
]
]
};
$(function() {
$('div#leftBracket').bracket({
init: leftBracket,
skipConsolationRound: true,
});
$('div#rightBracket').bracket({
init: rightBracket,
skipConsolationRound: true,
dir: 'rl',
});
})
});
</script>
</head>
<body>
<div id="leftBracket" />
<div id="rightBracket" />
</body>
$（文档）.ready（函数（）{
变量左括号={
小组：[
[“堪萨斯州”、“奥斯汀佩伊”]，
[“科罗拉多州”、“康涅狄格州”]，
[“马里兰州”、“南达科他州”]，
[“加州”、“夏威夷”]，
[“亚利桑那州”、“威奇托州”]，
[“迈阿密（佛罗里达）”，“水牛城”]，
[“爱荷华州”、“坦普尔”]，
[“维拉诺瓦”，“北卡罗来纳州阿什维尔”]，
[“俄勒冈州”、“神圣十字架”]，
[“圣约瑟”、“辛辛那提”]，
[“贝勒”，“耶鲁”]，
[“杜克”，“北卡罗来纳州威明顿大学”]，
[“德克萨斯州”、“北爱荷华州”]，
[“德克萨斯A&M”、“绿湾”]，
[“俄勒冈州”、“VCU”]，
[“俄克拉荷马州”、“加州州立贝克斯菲尔德州”]
],
结果:[
[
[[105, 79],[67, 74],[79, 74],[66, 77],[55, 65],[79, 72],[72, 70],[86, 56],[91, 52], [78, 76], [75, 79], [93, 85], [72, 75], [92, 65], [67, 75], [82, 68]],
[[73, 61],[73, 60],[57, 65],[68, 87],[69, 64],[64, 71],[88, 92],[81, 85]],
[[79, 63],[69, 92],[82, 68],[63, 77]],
[[59, 64],[68, 80]],
[[1,2]]
]
]
};
右括号={
小组：[
[“北卡罗来纳州”、“佛罗里达湾海岸”]，
[“南加州大学”、“普罗维登斯”]，
[“印第安纳”、“查塔努加”]，
[“肯塔基州”、“石溪”]，
[“圣母院”、“密歇根州”]，
[“西弗吉尼亚州”、“斯蒂芬·F·奥斯汀”]，
[“威斯康星州”、“匹兹堡”]，
[“泽维尔”、“韦伯州”]，
[“弗吉尼亚”、“汉普顿”]，
[“德克萨斯理工”、“巴特勒”]，
[“普渡”、“小石城”]，
[“爱荷华州”、“爱奥那州”]，
[“塞顿大厅”、“贡扎加”]，
[“犹他州”、“弗雷斯诺州”]，
[“代顿”、“锡拉丘兹”]，
[“密歇根州”、“田纳西州中部”]
],
结果:[
[
[[83, 67], [69, 70], [99, 74], [85, 57], [70, 63], [56, 70], [47, 43], [71, 53], [81, 45], [61, 71], [83, 85], [94, 81], [52, 68], [80, 69], [51, 70], [81, 90]],
[[85, 66], [73, 67], [76, 75], [66, 63], [77, 69], [61, 78], [82, 59], [75, 50]],
[[101, 86], [61, 56], [84, 71], [60, 63]],
[[88, 74], [62, 68]],
[[2, 3]]
]
]
};
$（函数（）{
$（'div#左括号'）。括号({
初始化：左括号，
skipConsolationRound：对，
});
$（'div#右括号'）。括号({
初始化：右括号，
skipConsolationRound：对，
目录：“rl”，
});
})
});
是否有一种方法可以使用此插件在两侧渲染括号，或者是否有更好的插件可以使用。我怎样才能做到这一点呢？它不起作用仅仅是因为您没有关闭
您必须拥有
您的工作示例：