5

私が現在取り組んでいるプロジェクトでは、次のことに到達しようとしています。

私は単純なページを持っています。このページには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を使用してこれを実行する方法はありますか?

4

1 に答える 1

8
var click_order = [];
$('a').click(function (e) {
    click_order.push($(this).index());
    if (click_order.slice(-4) == '3,0,2,1') {
        // easter egg stuff
    }
});
于 2012-12-05T22:00:29.117 に答える