2012-07-11 64 views
1

我已經在我的Wordpress網站上實現了AJAX功能,並且我的所有菜單項目現在都使用AJAX功能實時加載頁面。Make 1 Menu item No-ajax

我怎麼不想要1個菜單項像ajax一樣加載。我可以插入一個額外的類到該項目,但由於它是一個基於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;  
    }); ` 

回答

1

爲什麼你不能添加額外的類到特定的菜單項?在WordPress菜單中,如果您點擊頂部的屏幕選項標籤,您可以啓用CSS類並將類應用到您想要正常加載的項目。

您可以將類應用於該特定菜單項,然後使用jquery中的not()方法排除應用於該特定類的live()方法。

jQuery exclude elements with certain class in selector

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

編輯

您的代碼會;

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

你能更改特定菜單的類名和應用菜單的風格,因爲它作爲 – muthu 2012-07-11 07:20:43

+0

我不能改變類的名稱,因爲它的動態填充..什麼我能做的就是我可以再補充一個附加的類對於那個菜單項。但是我應該在那個班上寫什麼? – 2012-07-11 07:29:41

+0

那怎麼樣? – McNab 2012-07-11 07:55:51