隱藏主導航，僅在特定分類頁面上顯示

我正在處理的網站有3個品牌，因此需要3組不同的導航。隱藏主導航，僅在特定分類頁面上顯示

我想要做的是在每個類別頁面上顯示特定的菜單ID。

E.g.

#CSmainMenu to display only when its on www.site.com/caroline-sills/ 
#SillsmainMenu to display only when its on www.site/com/sills/ 
#ClopemainMenu to display only when its on www.site/calliope/

對於網站的其他部分，這3個菜單不能在別處看到，例如主頁，關於以及任何其他靜態頁面。

我試過設置一個，但我沒有運氣。

這裏是我的代碼：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#CSmainMenu").hide(); 
    }); 

    if (window.location.pathname.indexOf("/caroline-sills/") == 0) {  
    $("#CSmainMenu").show(); 
    } 
</script>

我在做什麼錯？

來源

2014-11-23 Jc0807

這段代碼隱藏菜單？我的意思是隱藏作品？如果是的話，我會給你的答案 – Milad 2014-11-23 21:26:27

試試這個

$(document).ready(function() { 
    $("#CSmainMenu").hide(); 
if (window.location.pathname.indexOf("/category1/") !== -1) 
{ 
    $("#CSmainMenu").show(); 
} 
    if (window.location.pathname.indexOf("/category2/") !== -1) 
    { 
     $("#CSmainMenu2").show(); 
    }   
});

來源

2014-11-23 21:36:10

這個作品，但我如何隱藏＃CSmainMenu2在加載時，我添加一個逗號這樣$（document）.ready（function（）{$（「＃CSmainMenu」，「＃CSmainMenu2 「）.hide（）; if（window.location.pathname.indexOf（」/ category1 /「）！== -1）{$（」＃CSmainMenu「）。show（）;} if（window.location.pathname .indexOf（「/ category2 /」）！== -1）{$（「＃CSmainMenu2」）。show（）;}}）; – Jc0807 2014-11-23 21:58:21

編號將函數分隔線，如下所示： $（「＃CSmainMenu」）。hide（）; $（「＃CSmainMenu2」）。hide（）; – 2014-11-23 21:59:14

我給了這個去，但只隱藏#CSmainMenu，請看我下面的評論。 – Jc0807 2014-11-23 23:01:54

如果你的路徑名是正確的，我想你只是搞砸了大括號。儘量把if語句的jquery.ready函數裏，像我的例子一樣

$(document).ready(function() { 
 
    $("#CSmainMenu").hide(); 
 
    if (window.location.pathname.indexOf("/js") == 0) { $("#CSmainMenu").show(); } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="CSmainMenu">CSMainMenu</div>

來源

2014-11-23 21:27:18 Allanon

<script type="text/javascript"> 
     (function(){ 
     $("#CSmainMenu").hide(); 
    if (window.location.pathname.replace('/',"") =="caroline-sills") { $("#CSmainMenu").show(); } 

     })(); 

    </script>

來源

2014-11-23 21:30:54 Milad

而不是做DOM通過JS操作你不能添加一個類到每個特定頁面的正文，並通過CSS隱藏/風格的導航？這將是一個更快，更有效的方式。

來源

2014-11-23 22:20:19 Alex

別介意我得到它的工作，我想通了，有一個「 - 」從第二pathname.indexOf值丟失

<script type="text/javascript"> 
    jq(document).ready(function() { 
    jq("#CSmainMenu").hide(); 
    jq("#SillsmainMenu").hide(); 
if (window.location.pathname.indexOf("/caroline-sills/") !== -1) 
{ 
    jq("#CSmainMenu").show(); 
} 
    if (window.location.pathname.indexOf("/sills/") !== -1) 
    { 
     jq("#SillsmainMenu").show(); 
    }   
}); 
</script>

再次感謝

來源

2014-11-24 00:31:35 Jc0807

隱藏主導航，僅在特定分類頁面上顯示

回答

相關問題