Question

I have implemented AJAX functionality on my WordPress site and all my menu items now load the pages in real time using AJAX feature.

How ever i dont want 1 menu item to be loaded like ajax. I can insert an additional class to that item but since it is a WordPress based site, the menu is loaded dynamically.
is there any way to create a class which voids the AJAX functionality for juts 1 Menu item.

My Code is below.

 $('.sf-menu li a').live('click', function() {    
                var toLoad = $(this).attr('href')+' #container';
        $('#container').slideUp('300',loadContent);    
        $('#load').remove();    
        $('#wrapper').append('<span id="load">LOADING...<img src="http://boala.pk/engro/wp-content/uploads/2012/07/ajax-loader.gif"></span>');    
        $('#load').fadeIn('normal');    
        window.location.hash =     $(this).attr('href').substr(0,$(this).attr('href').length-5);    
        function loadContent() {    
            $('#container').load(toLoad,'',showNewContent)    
        }    
        function showNewContent() {    
            $('#container').slideDown('400',hideLoader);    
        }    
        function hideLoader() {    
            $('#load').fadeOut('normal');    
        }    
        return false;    
    }); `

Answer 1

Why can’t you add an additional class to that specific menu item? In WordPress menus if you click on the Screen Options tab at the top you can enable CSS Classes and apply a class to the item you want to load normally.

You would apply a class to that specific menu item and then use the not() method in jquery to exclude the live() method being applied to that particular class.

jQuery exclude elements with certain class in selector

How do set up jquery to exclude classes in a function?

EDIT

Your code would be;

 $('.sf-menu li:not(.your-exclude-class) a').live('click', function() {