6
저는 인터넷을 둘러 보았고 많은 예제를 시도했지만 jQuery를 통해 특정 탭을 표시 할 수없는 이유를 알 수 없습니다. 이것은 내 탭 HTML입니다 :jQuery Twitter 부트 스트랩 탭 선택
<ul class="nav nav-tabs nav-inside-tabs" id="cartTabs">
<li class="active"><a href="#cart-tab" data-toggle="tab" class="cart-btn">Purchases</a></li>
<li><a href="#cart-data-tab" data-toggle="tab" id="cart-data-btn" class="cart-btn">Data</a></li>
<li><a href="#cart-pay-tab" data-toggle="tab" id="cart-pay-btn" class="cart-btn">Pay</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="cart-tab">
Cart
</div>
<div class="tab-pane" id="cart-data-tab">
Content data
</div>
<div class="tab-pane" id="cart-pay-tab">
Content pay
</div>
</div>
내가 스위치와 최대 좋은 경고 쇼를했지만, 올바른 탭 활성화되지 않습니다
$('#cart-goon-btn').click(function(e){
e.preventDefault();
if(!$(this).attr('disabled')){
var current_tab = $('.tab-pane.active').attr('id');
switch(current_tab){
case 'cart-tab':
$('#cartTabs li a').eq($('#cart-data-tab')).tab('show');
alertify.alert('1')
break;
case 'cart-data-tab':
//cart-pay-tab
alertify.alert('2')
break;
case 'cart-pay-tab':
//checkout
break;
}
}
});
어떤 힌트를?
@ Mr.Web : 편집을 참조하십시오. 부트 스트랩에서 내 기억을 새롭게해야했습니다. –
: D 매력처럼 작동합니다! Tks. 잠시 후 나는 그것을 대답으로 확인해 볼 것입니다! –
또한,'alertify.js' 플러그인은 정말로 멋져 보입니다. - 질문을 이끌어 주셔서 감사합니다! –