如何在淡出回調中重新觸發點擊事件？

Question

試圖做一些相當簡單的事情..我有一個點擊事件設置爲少數錨點，如代碼中所描繪的。在click事件函數中，我有一個回調函數。我想阻止錨點開火，直到淡出完成，然後重新開火。這是我迄今爲止收集到的，哪個不起作用。我漸漸淡去，然後沒有任何反應。

$('#desktop_nav ul').find('a').click(function(e) 
{  
    var that = this; 
    //console.log(that); 

    // prevent fade from firing on mid-click 
    if (e.which != 2) 
    {   
     e.preventDefault(); 

     $('html').fadeOut(2000, function(){ 
      //console.log(that); 
      that.bind('click', function(){ 
       $(this).trigger('click'); 
       // returns "Uncaught TypeError: undefined is not a function" 
      }); 
     }); 
    } 
}); 

一直在尋找通過堆棧的一些答案，但看起來像我缺乏一些知識，以充分理解這些。

謝謝！

Answer 1

that指原始DOM元素

您需要使用$(that).bind(...)

---

結合的處理程序邏輯（因爲你var that = this設置），當點擊就會觸發點擊本身是有缺陷的，因爲它會造成無限循環或觸發自身。

你只是需要手動觸發click淡出完成時

$('html').fadeOut(2000, function(){ 
     //console.log(that); 
     $(that).trigger('click'); 
    }); 

---

嘗試

$('html').fadeOut(2000, function(){ 
     //console.log(that); 
     window.location.href = that.href; 
    }); 

Answer 2

好吧，這精美的作品！

$('#desktop_nav ul').find('a').click(function(e) 
{ 
    var that = this; 

    // prevent fade from firing on mid-click 
    if (e.which != 2) 
    {   
     e.preventDefault(); 

     $('html').fadeOut(2000, function(){ 
      window.location.href = that.href; 
     }); 
    } 
});