執行jQuery的同時從一個節點路徑轉移到另一個

Question

下面我有一些jQuery的：

$(function() { 
    $('.mnav a').click(function() { 
     el = $('.border'); 
     el.addClass('blink'); 
     el.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', 
     function (e) { 
      el.removeClass('blink'); 
     }); 
    }); 
}); 

它增加了一個類來爲動畫，然後一個元素的動畫運行，因此我每次點擊後，會刪除類鏈接該元素動畫。

該動畫運行在我的layouts.ejs的<％body標籤中的元素上。當我從'/'路線轉到'/ users/new'路線時，我認爲動畫是在'/'路線上發生的，但我沒有看到它，因爲我將在'/ users/new'路線上。

我想要的效果是，當用戶點擊登錄鏈接，效果發生在新路線。

有沒有辦法解決這個問題？

Answer 1

你必須點擊事件綁定當前所有的元素和今後的：

$(function() { 
    $('body').on("click",".mnav a",function() { 
     el = $('.border'); 
     el.addClass('blink'); 
     el.one('webkitAnimationEnd oanimationend msAnimationEnd animationend', 
     function (e) { 
      el.removeClass('blink'); 
     }); 
    }); 
});