CSS-Circle-Menu
CSS-Circle-Menu copied to clipboard
event listener on menu icons
hey dude, how can i handle the click on menu icons
Here's my silly solution, given one menu icon:
<li class="c-circle-nav__item">
<a href="#" class="c-circle-nav__link" onClick="events.emit('clickHome');">
<img src="assets/img/menu_icon/house.svg" alt="">
</a>
</li>
of course you can specify whatever function you want on the HTML onClick
attribute.
Simple solution, but I'd rather refactor into something more robust. Definitely some kind of option that takes a callback, and leverage a data attribute of some sort. I'll pen this in as a feature.
A little late, but you can also just add an event listener to the menu items