javascript - 第二次和第三次点击时的事件

Question

我目前正在为我的乐队制作一个网站，我的一个想法是在特定页面上，您会看到每个乐队成员的照片，当您将鼠标悬停在其上时，图片会发生变化，您会听到乐队成员说了什么，然后当您点击他们时，他们会说其他话，您将被重定向到他们的页面。

仅此一点并不是问题，但对于一名成员(member)，我希望您在实际重定向到他的页面之前需要点击三下；我还希望他在每次点击时说出不同的内容。

所以我基本上寻找的是一种在第一次、第二次和第三次点击时创建不同事件的方法(最好使用 JavaScript)。

希望大家能帮帮我，先谢谢了!

Answer 1

只需使用变量来计算点击次数:

var count = 0
$(".test").click(function() {
count++;
if(count == 1) {
        $(".test").text("first");
    }else if(count == 2){
        $(".test").text("second");
    }else if(count == 3){
        $(".test").text("third");
        count = 0;
    }    
})

http://jsfiddle.net/x83bf1gq/4/