외부에서 탭메뉴 링크거는것좀 알려주실수있나요 ? ?
본문
예를들어 #tab2 로 가려면 어떻게하나요 ?
링크거는 방법도 알려주세요..
<div class="product_tap" style="clear:both;">
<ul class="tabul">
<li class="on" href="#tab1">Layouts</li>
<li href="#tab2" data-toggle="tab">Specifications</li>
<li href="#tab3">Gallery</li>
</ul>
</div>
<!-- tap 내용 -->
<!--tab1-->
<div id="tab1" class="panel">내용</div>
<div id="tab2" class="panel">내용</div>
<script type="text/javascript">
$(function(){
// ul 에 a 를 클릭했을때
$("ul.tabul li").click(function(){
// a 에 있는 모든 클래스 selected 를 삭제
$("ul.tabul li").removeClass("on");
// 그리고 현재의 요소에만 selected 클래스 추가.
$(this).addClass("on");
// 탭의 변경에 맞쳐 패널의 표시,비표시를 변경합니다.모든 패널을 비표시합니다.
$(".panel").hide();
// $(this).attr("href") 로 클릭된 a 태그의 href 속성을 가져와 같은 이름의 id 속성을 가진 패널을 보여줍니다.
// 즉 현재의 클릭된 요소만 보여줍니다.
//$($(this).attr("href")).show();
//$($(this).attr("href")).css("opacity","0.5").show();
$($(this).attr("href")).fadeIn("slow");
//$($(this).attr("href")).animate({ opacity: 1 }, 500, "swing", function() { });
// 탭에 a 요소로 되어 있어서 클릭했을때 발생하는 click 이벤트를 설정, 이동하지 못하게 합니다.
return false;
});
});
</script>
답변 1
질문이 이상해서 정확한 의도는 모르겠으나 추측으로는 페이지가 열리면
#tab2를 클릭한 것처럼 되는 것이 맞다면 아래처럼하세요
$(function(){ <-- 다음 행에 추가
$("ul.tabul li").eq(1).click();
아 추가했는데 링크주소는 어떤식으로 거나요? ㅎㅎ
