定向地附加图像标签

directionally append an image tag

本文关键字：图像 标签      更新时间：2023-09-26

嗨，我想通过鼠标点击在div之间移动一个图像标签，我已经创建了一个具有两种不同类型的tile的tile网格系统-"deathsquare"&"地图广场"。玩家只能在"地图广场"瓷砖内产卵，我现在也在尝试使用它。

网格-

            <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>

这是JSFiddlehttp://jsfiddle.net/zCZkA/16/我似乎无法使用onclick箭头将玩家向上移动到"mapsquare"类。有人有什么建议吗？

谢谢！

您可能需要确保渲染的正方形系统地按顺序放置。你的方块目前不是。在你解决了这个问题之后，你可以跟踪你的玩家是什么样的…

$('#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);
});
相关文章：