[英]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.