0

我有以下小提琴(单击 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,也没有运气。

4

1 回答 1

1

请注意,您的 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]
        ]
    ]

];
于 2013-03-11T11:33:45.513 回答