嗨我想基于鼠标点击在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”类。有人有什么建议吗?
谢谢!
答案 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);
});