簡體   English   中英

標簽的重定向不起作用

[英]Redirection of tab is not working

在我的關於我們頁面中,我有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();
    }); 

});

實時頁面

將每個標簽的名稱放在li內每個錨標記的alt屬性中,例如:

<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作為

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM