[英]link to a page with tabbed content doesnt work
我一直在嘗試建立一個直接鏈接,這樣無論何時單擊該鏈接都會打開特定選項卡。 但是,當我使用domainname.com/aboutus#award_tab
,選項卡名稱不會打開我想要的特定選項卡。
選項卡中的所有內容都被賦予了下面提到的部分 ID。 這是我使用的代碼:
if (jQuery(".effect-1 span:first-child").hasClass("active")) {
//alert('first');
jQuery('#deo_tab').show();
jQuery('#sustainablity_tab').hide();
jQuery('#award_tab').hide();
} else if (jQuery(".effect-1 span::nth-child(2)").hasClass("active")) {
//alert('mid');
jQuery('#deo_tab').hide();
jQuery('#sustainablity_tab').show();
jQuery('#award_tab').hide();
} else if (jQuery(".effect-1 span:last-child").hasClass("active")) {
//alert('last');
jQuery('#deo_tab').hide();
jQuery('#sustainablity_tab').hide();
jQuery('#award_tab').show();
}
$(".tab a").click(function(){ var tab= $(this).data('tab'); $(".content").addClass("dnone"); $("#"+tab).removeClass("dnone"); });
.tab{ display:flex; } .tab>a{ padding:10px } .dnone{display:none}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="tab"> <a href="#content1" class="tabs tab1" data-tab="content1">tab1</a> <a href="#content2" class="tabs tab2" data-tab="content2">tab2</a> <a href="#content3" class="tabs tab3" data-tab="content3">tab3</a> </div> <div class="contents"> <div id="content1" class="content">content1</div> <div id="content2" class="content dnone">content2</div> <div id="content3" class="content dnone">content3</div> </div> <!- try this i hope it work for you->
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.