triggers - 在特定的点击顺序后触发事件

Question

对于我目前正在进行的一个项目，我试图达到以下目标：

我有一个简单的页面，在这个页面上有 4 个隐藏和不可见的元素，它们的格式简单如下：

<a href="#" class="link_1"></a>
<a href="#" class="link_2"></a>
<a href="#" class="link_3"></a>
<a href="#" class="link_4"></a>

基本上我想要的只是构建一种复活节彩蛋，因此当用户以特定顺序单击这些按钮时，即 link_4 -> link_1 -> link_3 -> link_2 它会触发某个事件，无论这可能是什么。

当然，只有在正确的点击组合/顺序完成后才能触发该事件。

任何想法如何使用 jQuery 来解决这个问题？

Answer 1

var click_order = [];
$('a').click(function (e) {
    click_order.push($(this).index());
    if (click_order.slice(-4) == '3,0,2,1') {
        // easter egg stuff
    }
});