WordPress的導航添加/刪除類不工作

我想添加一個活動狀態到我的'李'在wordpress中，我可以看到在開發工具，它是添加類，但它只是消失。我錯過了明顯的東西嗎？這是一個WordPress的導航。謝謝！WordPress的導航添加/刪除類不工作

$(document).ready(function() { 
    $('#menu-nav a').click(function() { 
     $('#menu-nav a').removeClass('activeNav'); 
     $(this).addClass('activeNav'); 
    }); 
});

來源

2014-06-26 Emma Harris

做這些鏈接指向其他網頁或者是他們在一個頁面內的鏈接？ –

@ChrisHerbert他們鏈接到其他頁面，這是否意味着我需要使用＃href的？ –

當您移至其他頁面時，對javascript中的DOM所做的更改不會保留。我會使用WordPress的本地菜單系統，它會自動將活動類添加到您當前所在頁面的頁面。 –

正如克里斯提到的，它不會如果被點擊了您的鏈接被重定向到另一個頁面，導致整個頁面重新加載不足爲奇。如果你想防止錨從重定向到另一個頁面，則可以使用event.preventDefault()：

$(document).ready(function() { 
    $('#menu-nav a').click(function(e) { 
    e.preventDefault(); // this will cancel the action of the link 
    $('#menu-nav a').removeClass('activeNav'); 
    $(this).addClass('activeNav'); 
    }); 
});

來源

2014-06-26 17:38:50 sidd

WordPress的導航添加/刪除類不工作

回答

相關問題