WordPress中的jQuery熔岩燈導航問題

Question

我已經實現了一個熔岩燈風格的導航菜單（從here）與我的WordpPress博客的導航菜單一起工作。這個功能需要爲它應該懸停的導航菜單鏈接選擇一個id或class。我在函數的代碼中設置了這個選項以選擇<li class="current_page_item">，這是一個由WordPress應用到與您所在頁面相對應的導航列表元素的類。

問題是，當您在帖子固定鏈接頁面，類別頁面或較舊頁面上時，熔岩燈功能不起作用，因爲沒有導航列表項具有current_page_item類，因爲它們是而不是導航菜單所達到的頁面。

在這些頁面上（任何頁面都不在導航菜單上），我只想讓滑塊默認爲「home」鏈接。

我能想到的最簡單的解決方案是編寫一段javascript jQuery，它在我運行熔岩燈功能之前執行以下操作：if no <li> has class="current_page_item", then addclass "current_page_item" to first <li>我只是不知道足夠的JS或jQuery來編寫它。

謝謝。

Answer 1

你不能！

Nahhh只是在開玩笑，做這種方式，

$(function(){ 
    var $menu = $('ul#menu'); 

    // look for <li class="current_page_item"> , .length would return greater than zero if there is matched element. 
    if (! $menu.find('.current_page_item').length) { 
     // add the class on the first child if no matched... 
     $menu.children('li:first-child').addClass('current_page_item'); 
    } 

});