-
AuthorPosts
-
October 4, 2017 at 10:57 pm #860346
If you build a menu with submenus where the parent menu is a custom link containing a hash (#) as link target, the submenu won’t toggle (open) if you click on the parent (the burger menu setting is ‘display submenu items on click’).
The submenu toggles as intended if the parent menu item is a page or contains a local target like #top.
The issue stems from avia.js starting from line 1861
//toogle hide/show for submenu items $('.html_av-submenu-display-click').on( 'click', '.av-width-submenu > a', function (e) { e.preventDefault(); e.stopImmediatePropagation(); var clicked = $(this), parent = clicked.parents('li').eq(0); parent.toggleClass('av-show-submenu'); if(parent.is('.av-show-submenu')) { parent.children("ul.sub-menu").slideDown('fast'); } else { parent.children("ul.sub-menu").slideUp('fast'); } });The on.click event simply does not trigger if the anchor contains only the hash
<a href="#"> does not trigger on.click
<a href="#top"> does trigger on.clickOctober 6, 2017 at 8:49 pm #861179Hey Michael,
We are working ( well it is actually solved ) and Kriesi will do release a fix for those issues this week.
We appreciate the deep debug although! :)Best regards,
BasilisOctober 7, 2017 at 2:29 pm #861368I’ve just had the same experience. Worked out what I thought the issue was by looking at the pattern of non-functional links in the menu. Nice ot know what caused it, and that in future will be able to go back to using only # in the menu links :-)
October 8, 2017 at 11:45 am #861525 -
AuthorPosts
- You must be logged in to reply to this topic.
