学校ではメモリゲームをする必要があります。私たちはカードを持っていて、ソートすることができます。しかし、今は2つの要素がクリックされているかどうかを確認してからアクションを実行する必要があります。すべての部門のユニークなIDと同じクラスを持っています。私はあなたが.clickを使って1つの要素に対してそれを行うことができることを知っていますが、私はあなたが2つの要素のためにそれを行うことができるかどうか疑問に思っていました。要素を2回クリックした後でアクションを実行
ありがとうございます。
場合は、カードがクリックされるたびに試してみてください、あなたはそれががをクリックし、その指標を持っているカードの数をカウントしたことを示す、あなたがいるか否かを判断することができます追加ロジックを実行します。あなたはブール `isClicked`を作り、それを設定することができ
$('.card').click(function(e) {
$(this).addClass('clicked'); // indicate that this card has been clicked
// any other logic run every time a card is clicked, such as turning it face up
if($('.card.clicked').length === 2) { // query all .card.clicked elements, and compare the length (number of matched elements) to 2
// run logic if two cards have been clicked
$('.card.clicked').removeClass('clicked'); // clear the "clicked" indicators
}
});
同じクラスを使用してクリックイベントをバインドし、クリックイベントをカウントして変数に格納できます。
この
var clickCount=0;
$('.class-name') .click(function(){
clickCount++;
if(clickCount==2){
// Execute your action here
}
});
var clicked = false;
function clickatag(){
if(clicked) return;
clicked = true;
// all of your code //
clicked = false;
}
<!DOCTYPE html>
<html>
<body>
<p ondblclick="myFunction()">Double-click this paragraph to trigger a function.</p>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
</body>
</html>
あなたはondblclickイベントを使うことができます –
：あなたのカード各要素がカードであることを示すために、クラス「カード」を持っていると仮定すると、コードは次のようになります1つの要素がクリックされた場合はtrueです。 onclick 'if（isClicked） ' – DenseCrab