2012-12-05 102 views
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?

回答

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 
    } 
}); 
+0

就是這樣。那麼你應該重置「click_order」變量,如果訂單已經不滿意:) –

+1

Brian,很棒的例子。 +1。注意OP:在更廣泛的環境中,你必須將鏈接放在包裝器中,選擇器應該是'$('#wrapper a')'以保持正確的順序(而不是應用於你的所有鏈接頁) –

+0

@EliseuMonar - 不,你不需要重置上面例子中的'click_order'。 –