From c0b6ca396730516009acf65179416819ca259654 Mon Sep 17 00:00:00 2001 From: NikhilKalige Date: Mon, 10 Feb 2014 22:20:56 +0530 Subject: [PATCH] offcanvas animation fix for anchor tags A fix for #4411. I have added bind event for transition end, that triggers the href jump once the transition is done. I am not sure if it is the proper way. But it works and i have tested in latest versions of firefox and chrome. --- js/foundation/foundation.offcanvas.js | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/js/foundation/foundation.offcanvas.js b/js/foundation/foundation.offcanvas.js index df688ef49..0bbfc7853 100644 --- a/js/foundation/foundation.offcanvas.js +++ b/js/foundation/foundation.offcanvas.js @@ -24,6 +24,15 @@ e.preventDefault(); S(".off-canvas-wrap").removeClass("move-right"); }) + .on('click.fndtn.offcanvas', '.left-off-canvas-menu a', function (e) { + e.preventDefault(); + var href = $(this).attr('href'); + S('.off-canvas-wrap').on('transitionend webkitTransitionEnd oTransitionEnd', function(e) { + window.location = href + S('.off-canvas-wrap').off('transitionend webkitTransitionEnd oTransitionEnd'); + }); + S(".off-canvas-wrap").removeClass("move-right"); + }) .on('click.fndtn.offcanvas', '.right-off-canvas-toggle', function (e) { e.preventDefault(); S(this).closest(".off-canvas-wrap").toggleClass("move-left"); @@ -31,6 +40,15 @@ .on('click.fndtn.offcanvas', '.exit-off-canvas', function (e) { e.preventDefault(); S(".off-canvas-wrap").removeClass("move-left"); + }) + .on('click.fndtn.offcanvas', '.right-off-canvas-menu a', function (e) { + e.preventDefault(); + var href = $(this).attr('href'); + S('.off-canvas-wrap').on('transitionend webkitTransitionEnd oTransitionEnd', function(e) { + window.location = href + S('.off-canvas-wrap').off('transitionend webkitTransitionEnd oTransitionEnd'); + }); + S(".off-canvas-wrap").removeClass("move-left"); }); }, -- 2.47.2