JQuery - 如何讓這個函數運行一次點擊兩次

Question

我試圖讓這個函數運行一次，當我點擊兩次按鈕元素兩次（不是雙重clikcing，只需在任何地方點擊兩次時間點），將其初始化，然後重置。

<a href="#" onclick="popHover()"> 

$('.challenge_popover').popover() 

var clicked = false 

function popHover() { 

     // I NEED THIS PART TO RUN ON THE FIRST CLICK 
     if (clicked == false) 
     { 
     $('.challenge_popover').popover('destroy') 
     } 

     // AND THIS PART TO RUN ON THE SECOND CLICK 
     $(document).live('mousedown', function(e) { 

      if (e.which == 1) 

      { 
      $('.challenge_popover').popover() 
      clicked = true 
      } 

     }); 

} 

Answer 1

首先，你不應該使用內聯事件處理這樣的;剛剛離開主播裸：

<a href="#"> 

然後，使用jQuery附上點擊處理程序：

$('.challenge_popover') 
    .popover() 
    .on('click', popHover) 

接下來，點擊事件處理程序：

function popHover() 
{ 
    // we keep the clicked state on the element itself 
    var clicked = $(this).data('clicked'); 

    if (!clicked) { 
     // action #1 
     $(this).popover('destroy') 
    } else { 
     // AND THIS PART TO RUN ON THE SECOND CLICK 
     $(this).popover(); 
    } 
    // toggle clicked state 
    $(this).data('clicked', !clicked); 
} 

我不知道是什麼發生在第三次點擊;我認爲它應該再次採取行動＃1。

Answer 2

看看jQuery的.dblclick()，將有很大的幫助。

說明：將事件處理程序綁定到「dblclick」JavaScript事件，或者在元素上觸發該事件。

Answer 3

你在尋找類似

$('.challenge_popover').popover(); 

var clicked = false; 

function popHover() { 
     if (clicked) { 
      $('.challenge_popover').popover('destroy') 
     } else { 
      $('.challenge_popover').popover() 
     } 

     clicked = !clicked; 
}