Jquery toggleclass函数仅在主页上起作用

我有一个菜单，它有一个下拉子菜单，在用户单击标题之前是隐藏的

菜单是MasterPage.master的一部分，因此它显示在网站中每个网页的顶部。在主页上，我可以点击菜单标题，子菜单下拉，我可以点击链接。然后它会转到一个列出部门的页面，但当我单击部门页面（即第二页）上的菜单标题时，子菜单不会下拉

我试图缩小问题的范围，我认为这与第二页上的CSS有关，例如div已修复，但我已从第二页删除了所有内容，子菜单仍然没有下拉

下面的代码是MasterPage上三个菜单中的一个。master，用户单击标题后，其中一个菜单在下一页上工作，但我不知道为什么在下面的菜单上工作一个菜单不工作

请告诉我为什么下面的代码在主页上只运行一次？几个星期以来，我一直试图缩小这个问题的范围，但没有成功

MasterPage.MasterPage中的JQuery

我已经从Catalog3.aspx页面复制了代码，部门菜单从主页转到该页面。DepartmentList菜单不会展开以显示此Catalog3.aspx页面上的子菜单

 <%@ Page Title="lingerie-luxury" Language="C#"     
MasterPageFile="~/MasterPage.master" AutoEventWireup="true" 
CodeFile="Catalog3.aspx.cs" Inherits="Catalog3" %>

<%@ Register Src="~/ProductList.ascx" TagPrefix="uc1" 
TagName="ProductList"%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent"   
Runat="Server">
<p class="productTitle"><asp:Label ID="departmentTitle" runat="server"    
Text=""></asp:Label></p>
<div class="DanTest">
<br />
<br />
<h1 class="productTitle">TESTING </h1>
</div>
</asp:Content>

---

是否有人可以解释为什么当您单击菜单标题时，该菜单没有在Catalog3.aspx上展开？任何建议都将收到。

您是否也将所有脚本加载到另一个页面上。jQuery也是吗？上面的jQuery代码只在MasterPage.master中，但网站内的所有页面都引用了master文件。你知道为什么jquery代码可以在某些页面上运行，而不能在其他页面上运行吗？您是否检查过菜单本身以查看visible类是否被切换？在加载主页或单击子菜单项后导航到Catalog3.aspx时，我没有收到任何Jquery错误。如何检查菜单以查看是否切换了visible类？您是否运行调试？是否有其他方法可用于实现相同的结果？

<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<ul id="nav">
    <li class="parent">Brands</HeaderTemplate> 
<ItemTemplate>
    <ul class="sub-nav">
        <li>
            <asp:HyperLink ID="DepartmentRoute" runat="server" 
     NavigateUrl='<%#: GetRouteUrl("DepartmentRoute", new { departmentId = 
 Eval("departmentId"), BrandName = (Eval("Name").ToString().FixUrl())})%>'   
text='<%# Eval("Name") %>' CssClass='<%# Eval("DepartmentId").ToString() ==   
Request.QueryString["DepartmentId"] ? "DepartmentSelected" :    
"DepartmentUnselected" %>'></asp:HyperLink>
        </li>
    </ul>
</ItemTemplate>   
<FooterTemplate>
   </li>
 </ul>
</FooterTemplate>

</asp:Repeater>

#nav {
list-style-type: none;
margin: 0;
padding: 0;

}

#nav li.parent {
width: 100%;
list-style-type: none;
background-color: #333030;
color: #ffffff;

}

#nav ul.sub-nav a:hover { /*list of departments*/
font-size: 0.8em;
font-family: Verdana;
text-decoration: none;
font-weight: bold;
color: #000;

}
#nav ul.sub-nav a {
font-size: 0.8em;
font-family: Verdana;
text-decoration: none;
color: #000;
}

#nav ul.sub-nav {
display: none;
list-style-type: none;
text-decoration: none;
text-align: left;
margin: 0 0 0 0;
}

#nav ul.visible {
display: block;
list-style-type: none;
padding: 0 0 5px 10px;
text-decoration: none;
line-height: 0.8em;
background-color: #d3c4c4;
border-bottom: solid 2px;
border-bottom-color: #ffffff;
}

 <%@ Page Title="lingerie-luxury" Language="C#"     
MasterPageFile="~/MasterPage.master" AutoEventWireup="true" 
CodeFile="Catalog3.aspx.cs" Inherits="Catalog3" %>

<%@ Register Src="~/ProductList.ascx" TagPrefix="uc1" 
TagName="ProductList"%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cpMainContent"   
Runat="Server">
<p class="productTitle"><asp:Label ID="departmentTitle" runat="server"    
Text=""></asp:Label></p>
<div class="DanTest">
<br />
<br />
<h1 class="productTitle">TESTING </h1>
</div>
</asp:Content>