0
이 바보 같다,하지만이 알아낼 수 없습니다 작동하지 스위칭) 및 hide(). 유선 것은,이 코드는 2 탭에 대한 작업이지만 3 번째 탭을 삽입하면 3 번째 탭 onClick 작동하지 않습니다.기본 탭 2 이상의 탭
작업 code.js
function readyFn(jQuery) {
$("#t1").click(function() {
$("#tab1").show();
$("#tab2").hide();
})
$("#t2").click(function() {
$("#tab1").hide();
$("#tab2").show();
})
}
$(document).ready(readyFn);
나는 세 번째 탭의 코드를 추가 할 때,이 탭이 작동하지 않습니다 (그러나 다른이가 예전처럼 않습니다).
function readyFn(jQuery) {
$("#t1").click(function() {
$("#tab1").show();
$("#tab2").hide();
$("#tab3").hide();
})
$("#t2").click(function() {
$("#tab1").hide();
$("#tab2").show();
$("#tab3").hide();
})
$("#t3").click(function() {
$("#tab1").hide();
$("#tab2").hide();
$("#tab3").show();
})
}
$(document).ready(readyFn);
HTML :
<body>
<section class="main-info" role="main">
<div class="wrap">
<!--------------------- main -------------------- -->
<div class="main-info-con" id="tab1">
<h2 >tab1</h2>
</div>
<div class="main-info-con" id="tab2">
<h2 >tab2</h2>
</div>
<div class="main-info-con" id="tab3">
<h2 >tab3</h2>
</div>
<!-- ------------------ tabs --------------------- -->
<div class="main-info-tabs">
<div id="t1">
<h4> najnowsze standardy.</h4>
</div>
<div id="t2">
<h4> profesjonalna wspólpraca.</h4>
</div>
<div id="tab-kontakt">
<h4>kontakt</h4>
</div>
</div>
</div>
</section>
</body>
여기 무슨 일을 할 수 있는가?