0

こんにちは、マウス クリックに基づいて div 間でイメージ タグを移動しようとしています。「デススクエア」と「マップスクエア」の 2 種類のタイルを使用してタイル グリッド システムを作成しました。プレイヤーは「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」クラスに移動できないようです。誰にも提案はありますか？

ありがとう！

4

1 に答える 1

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

});
于 2013-08-19T16:54:46.957 に答える