Question

在我的关于我们页面中，我有6个标签（公司，创始人，团队，荣誉，职业，哲学）。在关于我们菜单中，还有6个下拉菜单与选项卡相同。当我点击下拉链接时，我需要打开相应的标签我该如何解决这个问题？我试过了 about_us_trial.php#company但它不起作用。

这是我的标签脚本

$("a[href='#company'], a[href='#founders'], a[href='#team'], a[href='#accolades'], a[href='#careers'], a[href='#philosophy']").click(function(e){
    //determine if control+click or mouse middle button
   if(e.ctrlKey==true || e.which==2){
        $(this).attr("target", "_blank");
         e.preventDefault ? e.preventDefault() : e.returnValue = false;
        window.open($(this).attr("href"),'_blank');

   }
});
function foudertab(){
    $("#w").hide();
    $(".founders").show();
}
$(document).ready(function(){
    $("html,body").animate({scrollTop: 0}, 1000);
    foudertab();
    $("#founders_tab").click(function(){
        $("#w").hide();
        $(".founders").show(300);
    });
    $(".nav-two a").click(function(e){


       // $(oldcontent).addClass('hidden');
      //});


      //$('#sidemenu a').removeClass('open');
      //$(this).addClass('open');

    foudertab();
    })
    $(".founders_img_area").click(function(){


     // var oldcontent = $('#sidemenu a.open').attr('href');
      var newcontent = $(this).attr('href');
      $(newcontent).trigger("click");

     // $(oldcontent).fadeOut('fast', function(){

       // $(newcontent).fadeIn().removeClass('hidden');
        $("#w").show(300);
        $(".founders").hide();
    }); 

});

Live page

Answer 1

将每个标签的名称放在每个锚标签的alt属性中，如li：

<li id="menu-item-301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-301"><a href="about_us_trial.php">About Us</a>
                <div class="drop">
                  <ul class="sub-menu" id="about_drop">
                    <li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="#company" alt="company_tab">Company</a></li>
                    <li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="#founders" alt="founders_tab">The Founders</a></li>
                    <li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="#team" alt="team_tab">Team</a></li>
                    <li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="#accolades" alt="accolades_tab">Accolades</a></li>
                    <li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="#careers" alt="careers_tab">Careers</a></li>
                    <li id="menu-item-1722" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1722"><a href="#philosophy" alt="philosophy_tab">Philosophy</a></li>
                 </ul>
                </div>
              </li>

然后在js中使用document.ready as

$(document).ready(function(){
        $('#about_drop li a').click(function(){
            $('#'+$(this).attr('alt')).click();
                    $("html,body").animate({scrollTop: 0}, 1000);
            })
       });

选项卡的重定向无效

1 个答案: