Click here to Skip to main content
14,877,782 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
I’m using this template for my project https://krimo.github.io/2014/07/23/jank-busting-tutorial/ But I’m experiencing an issue with navigation. When we click on a menu item the whole template is not working. We need to go back to top and close the menu to make it working. Anyone please help me to fix this issue.

Is it possible to automatically close the nav when we click on a menu item?

Thanks.
Posted
Comments
Sergey Alexandrovich Kryukov 28-Jan-15 11:55am
   
Not clear, no relevant information on the problem.
—SA
Suvendu Shekhar Giri 28-Jan-15 15:08pm
   
Where is the menu in the provided link? What do you mean by "whole template is not working"?
More detailed information of your problem would help :-)
Vivek Nath 29-Jan-15 11:40am
   
Here is demo of the theme I hosted in dropbox. Please check it.
https://dl.dropboxusercontent.com/u/19870375/test/index.html

1 solution

Possible chances are that you (or your development team) would have made a few custom changes of your own choice to make the web template a little more suitable for you. Because in that example, I am not able to find any menu to be clicked on.

Anyhow, if you're created that menu, you should know that it is yet still simple HTML that jQuery (if you're using, or simple JavaScript) is capable of handling and manipulating your DOM for. Once the menu item is clicked, you can show another HTML element, that would be used to trigger the function to close the menu, or to start what-so-ever animation that you want to run inside the application.

Maybe the problem is that when you click on the menu, there is some function in the back-end, which removes a necessary code or a class from the DOM, thus removing any relation with the DOM for the template. I would still feel glad to have an example of the problem provided by you, and also the source code that you're using. You can always check inside the Console (of your browser; press F12 to get the Developer Tools in your browser), some browsers are powerfull enough to let you set breakpoints in the JavaScript execution process, to see which event causes the problem.
   

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900