定向附加图像标签

时间:2013-08-19 16:23:08

标签: javascript jquery html css

嗨我想基于鼠标点击在div上移动图像标签,我创建了一个带有两种不同类型图块的图块网格系统 - “deathsquare”& “mapsquare”。玩家只能在“mapsquare”瓷砖内部产生,我现在也试图使用它。

网格 -

            <div id="28_25" class="deathsquare"></div>
            <div id="29_25" class="deathsquare"></div>
            <div id="30_25" class="deathsquare"></div>

            <div id="1_20" class="mapsquare"></div>
            <div id="2_20" class="mapsquare"></div>
            <div id="3_20" class="mapsquare"></div>
            <div id="4_20" class="mapsquare"></div>

这是JSFiddle http://jsfiddle.net/zCZkA/16/ 我似乎无法使用onclick箭头将播放器移动到“mapsquare”类。有人有什么建议吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可能希望确保系统地按顺序放置渲染的方块。你的广场目前不是。在你解决了这个问题后,你可以跟踪你的玩家的位置......

$('#up').click(function(){
    var player = $('#player');
    var currentDiv = player.parent().attr('id'); // gets you 3_5 or something like that
    player.remove();
    //do logic to move up 
    var placement = currentDiv.split('_');
    var newSquare = [parseInt(placement[0])++,placement[1]].join('_');
    $('#' + newSquare).append(player);

});