单击一个元素两次后执行操作

时间:2016-05-10 10:50:22

标签: javascript jquery memory

对于学校,我们需要制作记忆游戏。我们已经拥有了这些卡,您可以对它们进行排序。但现在我们需要检查是否单击了2个元素,然后执行操作。所有div都有一个唯一的Id和一个相同的类。我知道你可以用.click做一个元素,但是我想知道你是否可以为2个元素做这样的事情。

提前致谢。

4 个答案:

答案 0 :(得分:1)

如果每次点击一张卡片,表示已点击,然后计算具有该指示器的卡片数量,您可以确定是否运行其他逻辑。假设你的每张卡都有一个班级"卡"为了表明元素是卡片,代码看起来像这样:

$('.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
    }
});

答案 1 :(得分:0)

您可以使用相同的类绑定click事件并计算click事件并存储在变量中。

试试这个

var clickCount=0;
$('.class-name') .click(function(){
  clickCount++;
  if(clickCount==2){
     // Execute your action here
  }
});

答案 2 :(得分:0)

var clicked = false;

function clickatag(){
  if(clicked) return;
  clicked = true;

  // all of your code //

  clicked = false;
}

答案 3 :(得分:-1)

public static SafeText.Form1 Form1;
EncData = Crypto256.Encrypt(Form1.GetText(), Key);