After much searching and fiddling I finally found a solution to this problem…
Basically I have a site where some top level items in the main menu are purely for categorization; they don’t have actual pages to link to. So how do we prevent them from linking? Well initially I’d stick a # in to the href= but that causes the page to jump to the top when clicked so we need to disable all links with the hash for the href. Here’s the code:
/**
* Prevent all links with # as the href from doing anything
*/
jQuery(document).ready(function($) {
$('a[href="#"]').click(function(e) {
e.preventDefault();
});
});