带有 ID 错误的 jQuery 下拉菜单

Question

请看http://www.projects.iasad.me/services.html

问题：当我尝试从另一个页面（即主页、关于、联系人等）访问我们的服务下拉菜单时，下拉菜单无法正常工作。示例：假设我想从主页访问 Our Services 子菜单的 Corporate Advisory，但它会转到 的 Fixed Income Trading 子菜单我们的服务。为什么会这样？以下是代码：

$(function(){

      $(".dropdown-menu .menu2").click(function(){
       
         $("#corporate-advisory").show();
         $("#get-in-touch").css({
             'margin-top':'20%'
         });
         $("#fixed-income-trading").hide();
         $("#investment-management").hide();
     });  
    
     $(".dropdown-menu .menu3").click(function(){
           
         $("#investment-management").show();
         $("#get-in-touch").css({
             'margin-top':'20%'
         });
             
         $("#fixed-income-trading").hide();
         $("#corporate-advisory").hide();
     });  
  
     $(".dropdown-menu .menu1").click(function(){

         $("#fixed-income-trading").show();
         $("#corporate-advisory").hide();
         $("#investment-management").hide();
     }); 
    
});

请帮助我。 问候。

Answer 1

如果此 jQuery 代码仅包含在服务页面中，则单击事件只会在该页面上时触发；因此，为什么您总是被引导到“固定收益交易”部分。

至于浏览器滚动；

<li><a  class="menu1 menu" href="services.html#fixed-income-trading">Fixed income</a></li>

链接的#fixed-income-trading 部分会将浏览器移动到ID 为“fixed-income-trading”的页面的一部分。

但是，如果您使用 jQuery 隐藏不需要的部分，则不需要这样做？