1

我已经在我的 Wordpress 网站上实现了 AJAX 功能,我的所有菜单项现在都使用 AJAX 功能实时加载页面。

我怎么不希望像 ajax 一样加载 1 个菜单项。我可以为该项目插入一个附加类,但由于它是基于 Wordpress 的站点,因此菜单是动态加载的。有什么方法可以创建一个使 juts 1 菜单项的 AJAX 功能无效的类。

我的代码如下。

 $('.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;    
    }); `
4

1 回答 1

1

为什么不能向该特定菜单项添加额外的类?在 WordPress 菜单中,如果您单击顶部的“屏幕选项”选项卡,您可以启用 CSS 类并将一个类应用于您想要正常加载的项目。

您可以将一个类应用于该特定菜单项,然后使用 jquery 中的 not() 方法来排除应用于该特定类的 live() 方法。

jQuery在选择器中排除具有特定类的元素

如何设置 jquery 以排除函数中的类?

编辑

你的代码是;

 $('.sf-menu li:not(.your-exclude-class) a').live('click', function() {  
于 2012-07-11T06:53:04.793 回答