0

カードゲームを作っています。ユーザーがカードをクリックすると、カードがフェードアウトします。ただし、現時点では深刻なバグがあります。ユーザーは 1 枚のカードを複数回クリックして、配列に複数のカード番号を追加できます (基本的には、たくさんのカードを選択します)。

どうすればこれを解決できますか? これまでの私のコードは次のとおりです。

$(clicked_id).fadeOut('fast');

どんな助けでも大歓迎です！

編集：コード全体：

<script>
var cardsPicked = new Array;

var suits = ["&hearts;", "&diams;", "&clubs;", "&spades;"];
var king = 0;
var numbers = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
var cardRules = ["Waterfall", "You", "Me", "Girls", "Thumbmaster", "Guys", "Heaven", "Mate", "Rhyme", "Catagories", "Make a rule", "Question master", "Pour your drink!"];

var currentId;

function getCard(clicked_id) {

    clicked_id = "#" + clicked_id;

    $(clicked_id).fadeOut('fast');

    var newCard = Math.floor((Math.random() * 13) + 1);

    var newSuit = Math.floor((Math.random() * 4) + 1);
    var currentCard;
    var x = document.getElementById("pick");
    var rules = document.getElementById("rules");
    var kings = document.getElementById("kings");
    var currentCards = document.getElementById("currentCard");

    if (cardsPicked.indexOf(numbers[newCard - 1] + " " + suits[newSuit - 1]) == -1) {

        if (numbers[newCard - 1] == "K" && king < 4) {
            king = king + 1;
        }
        if (king == 4) {
            king = "All kings found!";
            alert("Fourth king picked. Down the jug!");
        }
        cardsPicked.push(numbers[newCard - 1] + " " + suits[newSuit - 1]);
        for (count = 0; count < cardsPicked.length; count++)
        currentRule = cardRules[newCard - 1];

        x.innerHTML = cardsPicked;
        currentCards.innerHTML = numbers[newCard - 1] + " " + suits[newSuit - 1];
        rules.innerHTML = currentRule;
        kings.innerHTML = king;

    } else {

        getCard();
    }

}
4

2 に答える 2

2

これを試して

$(clicked_id).off().fadeOut('fast');

イベントが inline によって呼び出される場合onclick:

$(clicked_id).prop("onclick", "").off().fadeOut('fast');

デモ

于 2012-12-15T21:48:30.807 に答える
0

最初に要素のクリックイベントを削除してから、クリックイベントを再アタッチするコールバック関数を使用してフェードアウト効果を実行する必要があります。

$('#clicked_id').off('click').fadeOut('fast', function () {
    $('#clicked_id').on('click');
});

これは完全にテストされておらず、単なる理論ですが、機能する可能性があります。

于 2012-12-15T21:55:08.930 に答える