advanced code snippet search

Posted By

kristarella on 10/27/10


Tagged

jquery thesis thesiswp


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

dekehooper
Tyster
naeemnur
dubogii


Prevent clicking on parent nav links

 / Published in: jQuery
 

This javascripts stops you from clicking on a nav link when there's a submenu below it, and it adds a class of "noclick" to the link, which you can use with CSS to change the cursor and background colour etc. .menu a.noclick:hover {cursor:default;}

You could change the anchor tag to a span, but that requires more CSS to match the other links.

Expand | Embed | Plain Text 
  1. <script type="text/javascript">
  2. jQuery(function() {
  3. 	jQuery(".menu li:has('ul') > a").each(function() {
  4. 		jQuery(this).addClass("nolink").click(function() {
  5. 			return false;
  6. 		});
  7.  
  8. 	});
  9. });
  10. </script>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: gabrielizaias on October 27, 2010

Use event.preventDefault() instead of return false to preventing the link to be followed. http://api.jquery.com/event.preventDefault/

You need to login to post a comment.