如何在項目中點擊兩次後啓動功能？

Question

我爲我的項目菜單使用了一個迂迴腳本。菜單項點擊後我有一些操作。我想在此選定項目點擊第二次後觸發此操作/功能。你能幫我怎麼做嗎？

這是我的函數的開始：

$('.main_content ul li').bind({click: function(){ 

Answer 1

一種方法是手動取消第一次點擊：

$('.main_content ul li').click(function() { 

    if(!$(this).data('clicked-once')) { 
     $(this).data('clicked-once', true); 
     return; // cancel first execution 
    } 

    // handler body here 

}); 

Demo

另一個，或許更簡潔，將使用one方法結合聽衆：

$('.main_content ul li').one('click', function() { 
    $(this).click(function() { 
     // handler body here 
    }); 
}); 

Demo

當然，如果它是實際雙擊，您嘗試聽，你應該使用dblclick事件Tats_innit建議。也就是說，如果你只想連續點擊兩次點擊事件。通過雙擊，三次快速點擊只會觸發一次該功能，並且通過上述解決方案，它會觸發兩次。通過雙擊，兩次點擊之間有一些延遲並不會導致函數根本無法觸發，而上面的方法會導致它觸發一次。

Answer 2

API：http://api.jquery.com/dblclick/

綁定的事件處理程序 「DBLCLICK」 JavaScript事件，或者觸發元素上的事件。

希望它可以幫助你的事業:)

代碼

$('.main_content ul li').dblclick(function(){ 

}); 

Answer 3

編輯忽略此並使用Tats_innit的答案。我很遺憾地沒有意識到jQuery的dblclick功能。

(function(){ 
    var state = false; 
    $('.main_content ul li').click(function(){ 
     if(state === false) state = true; 
     if(state){ 
      state = false; 
      //do other stuff here 
     } 
    }); 
}); 

Answer 4

您可以使用jQuery的toggle event helper，並且只綁定一個函數。東西線：

function iWantThis2bCalled() 
{ 
} 

$("#someId").toggle(function(){}, iWantThis2bCalled);