javascript - 在多个页面上显示导航栏

Question

我有一个子菜单，我只想在父子页面或父子页面处于活动状态时显示。我希望我的脚本可以使用多个 URL。

我为单页工作的代码是：

var myurl = "http://localhost/wordpress/?page_id=36"; 
var currenturl = window.location; 
if(myurl != currenturl) { 
    $(document).ready(function() {
        $('#main_nav ul.sub-menu').css({display: "none"}); 
    });
}

我再次尝试使用具有不同变量名称的代码来获取其他 URL，但没有运气。我似乎无法找到如何创建 URL 数组，或者我什至无法做到这一点。

Answer 1

下面应该做你想要的：

$(document).ready(function() {
    var urls = ["/wordpress/?page_id=36", "/wordpress/?page_id=37"];
    var currenturl = window.location.pathname + window.location.search;
    if($.inArray(currenturl, urls) == -1) { 
        $('#main_nav ul.sub-menu').hide();
    }​
});

如您所见，我已将http://localhost/wordpress/?page_id=37您要在其上显示子导航的第二个 URL 用作示例。