0

チェス盤に似た一連のdivがあります。しかし、これはちょっとトリッキーなチェスです。基本的に、ユーザーはピースをクリックし、敵のピースをクリックします。それが殺すことができる場合。敵の位置に移動する必要があります。そして敵を削除する必要があります。

<div class="column" data-square="4-4">
<div class="white-king lol">a</div>
</div>
<div class="column" data-square="4-5">
<div class="black-pawn lol">b</div>
</div>
<div class="column" data-square="4-6">
<div class="blue lol">c</div>
</div>

//したがって、ユーザーが最初にホワイトキングをクリックすると、データスクエアを取得し、それを変数$ fromに割り当ててから、敵のブラックポーンをクリックします。サーバーでいくつかの検証を行い、移動する必要があります

正方形の内側のdiv=4-4から正方形の内側のdiv=4-5、正方形の内側のdiv = 4-5を削除し、正方形の内側のdiv=4-4をpresnetにする必要があります

jquerycloneを使ってみました。しかし、それはうまく機能しませんフィドル：http：//jsfiddle.net/jm4eb/13/

4

2 に答える 2

0

これはまだ良い方法ではありませんが、試すことができます

(function() {

        var from = null;
          var $change =null;
        var to = null;

        $(".column" ).click(function(){
            if(from === null)
            {
                $(this).css("background-color","yellow");

                from = $(this).data('square');
                    $change= ($('<div/>').append($(this).clone(true).children()).html());


            }
            else
            {

                to = $(this).data('square');
                $(this).html("").html($change);
                $('div[data-square="'+from+'"]').html("<div class=lol>empty</div>").css("background-color","");
                from = to = null;
            }
        });

    }());​
于 2012-04-22T22:32:37.380 に答える
0

個人的には、ある要素を別の要素に置き換えて形が崩れることはありません。ある要素から別の要素に属性を交換するだけです。1 つの要素からクラスを削除し、white-king別の要素に追加します。

于 2012-04-22T22:32:37.437 に答える