12
몇 가지 일반적인 탭 콘텐츠가 있는데 정말 도움이 필요합니다. 사용자가 외부 앵커 링크 (http://www.url.com#content2)를 통해 특정 탭으로 이동하려고하면 탐색 링크가 활성화되고 올바른 탭이 표시됩니다.앵커 링크가있는 탭 열기
도움 주셔서 감사합니다.
HTML
<nav class="inner-nav">
<ul>
<li><a href="#content1">Inner nav navigation link1</a></li>
<li><a href="#content2">Inner nav navigation link2</a></li>
<li><a href="#content3">Inner nav navigation link3</a></li>
</ul>
</nav>
<section class="tab-content" id="content1">
<article>
content1 goes here
</article>
</section>
<section class="tab-content" id="content2">
<article>
content2 goes here
</article>
</section>
<section class="tab-content" id="content3">
<article>
content3 goes here
</article>
</section>
JAVASCRIPT
$(document).ready(function() {
$(".tab-content").hide();
$(".tab-content:first").show();
$(".inner-nav li:first").addClass("active");
$(".inner-nav a").click(function(){
$(".inner-nav li").removeClass("active");
$(this).parent().addClass("active");
var currentTab = $(this).attr("href");
$(".tab-content").hide();
$(currentTab).show();
return false;
});
});
난 당신이 탐색을 클릭하면 특정 탭으로 이동하려는 경우, 모든 작품을 좋아하지만, here 그래서 라이브 예를 kajag.com/themes/book_your_travel/location.html#sports_and_nature 올바른 탭이 열리지 않습니다. 난 그냥 여기에 비슷한 (공개, 내 사이트) 완료했습니다
당신은 어떤 오류가있다? – bipen
문제가되는 것 같습니다. [** FIDDLE **] (http://jsfiddle.net/hBKuu/)에서 잘 작동합니까 ?? – adeneo
아니, 사용자가 탐색 링크를 클릭하면이 자바 스크립트는 잘 작동합니다. 그러나 사용자가 외부 앵커 링크를 통해 특정 탭을 열려고하면 .js가 작동하지 않습니다. –