2017-12-02 5 views
0

私はJavaScriptで "メモリ"ゲームを作らなければならない学校で課題があります。だから私の旗を隠すために、私は旗の上にある黒い背景の場所である.cardというクラスを作りました。だから、ユーザーがフラグをクリックすると、私はクラス.cardをトグルしたい、それは削除されますが、私はクラスを切り替えると思うフラグをクリックすると、フラグは別のフラグの後ろに移動されます。なぜこれが起こっているのか分かりません。ここでDivの要素は、特定のクラスを切り替えるときに移動します。 Javascript DOM

はjsfiddleは、すべてのコードをので、あなたはそれを試すことができるということです:あなたはフラグを「プライマリ」の背景とpart1をし、その2ないしクリックする必要が https://jsfiddle.net/L2q63k0p/

.card { 
    height: 100px; 
    width: 150px; 
    background-color: black; 
    z-index: 10; 
    position: absolute; 
    opacity: 0.5; 
    pointer-events: none; 
} 

注意してください。

私はすべての助けを歓迎します、これは私の最初の質問ですので、私はそれがすべきことをすべてやったかどうかは分かりません。しかし、私は望む。

+0

ようこそ!あなたの質問の完全な内容は、リンクされているだけでなく**あなたの質問で**なければなりません。リンクが腐って、将来の質問やその回答が役に立たなくなり、人々はあなたを助けるためにオフサイトに行く必要はありません。スタックスニペット( '<>'ツールバーボタン)を使用して実行可能にするのが理想的です。([ここでの操作方法](https://meta.stackoverflow.com/questions)/358992 /実行済みと実行可能な - 例 - スタック - スニペット-html-do-do-do-tha))。その他:[*どのように良い質問をするのですか?](/助け/やり方) –

+0

ありがとう、私はそれをチェックします。 – Onftvsk

答えて

0

あなたの質問が正しいと分かっている場合は、答えが正しい/ .cardクラスが適用されていれば、フラグを削除しますか?
この場合は、CSSのプロパティdisplay: noneを調べる必要があります。あなたが何をしているのかをもう少し明確にするために、あなたの.cardを.hiddenにリネームし、表示をdisplay: noneに入れます。

+0

ご覧のとおり、フラグにはクラス.cardがあります。しかし、ユーザーがフラグをクリックすると。私はその旗から.cardをトグルしたい。今私はそれが動作すると思うが、クリックされたフラグは位置を変更します。今は私の問題です。 – Onftvsk

+0

それでポジションを変えることはできませんか?これは望ましい行動ですか? https://jsfiddle.net/92xnz6cL/ – Niek1414

+0

うーん、私は思っていません。私は今のように、このようなCSSでクラスを追加することで、動作させました。 cardhidden .card { ディスプレイ:なし; } フラグがクリックされると、カード隠しクラスが追加され、この動作が行われます:https://jsfiddle.net/smw4hjmw/ 私はその最高の解決策だとは思わないが、 – Onftvsk

関連する問題