我有以下的小提琴(点击1看板):http://jsfiddle.net/mauricederegt/vNpYe/1/
在这部分代码:
this.getHTML = function () {
return '<div class="tile tile' + this.type + '" style="left:' + this.x + 'px; top:' + this.y + 'px"></div>';
};
生成“跳棋”板使用此代码:
var levels = [
[ //lvl1
//layer1
[1, 2, 1],
[0, 0, 0, 0, 0, 0],
[2, 1, 2],
[0, 0, 0, 0, 0, 0],
[1, 2, 1],
[0, 0, 0, 0, 0, 0]
//layer2
//[0, 3, 4],
//[0, 0, 0, 0, 0],
//[0,4,3],
//[0, 0, 0, 0, 0]
],
[ //lvl2
[1,2,0,1,2,1],
[1, 2]
]
];
目前,它拥有一层。我想在这第一层的顶部添加额外的一层。基本上广告在该主板(和更多层以后)的顶部上的板上。这款主板的代码应该是这个样子:
//layer2
[0, 3, 4],
[0, 0, 0, 0, 0],
[0, 4, 3],
[0, 0, 0, 0, 0]
如果试图把它额外的标记{},所以它首先要LEVEL2前将完成它的循环,但不能让它开始工作。玩过用z-index了一下,也没有运气。
请注意,你的图层1的水平都在同一个“级别” ...
请参阅下面的更正版本:
var levels = [
[ //level one
[//layer one of level one
[1, 2, 1],
[0, 0, 0, 0, 0, 0],
[2, 1, 2],
[0, 0, 0, 0, 0, 0],
[1, 2, 1],
[0, 0, 0, 0, 0, 0]
],
[ //layer one of level one
[0, 3, 4],
[0, 0, 0, 0, 0],
[0,4,3],
[0, 0, 0, 0, 0]
]
],
[ //level two
[//layer one of level two
[1,2,0,1,2,1],
[1, 2]
]
]
];