Изменение активной вкладки с помощью JQuery

Question

У меня есть 2 вкладки на моей странице (используя Bootstrap):

<ul class="nav nav-tabs" id="myTab"> 
    <li class="active"><a href="#home">Home</a></li> 
    <li><a href="#profile">Profile</a></li> 
</ul> 

<div class="tab-content"> 
    <div class="tab-pane active" id="home">...</div> 
    <div class="tab-pane" id="profile">...</div> 
</div> 

Когда я отправить запрос POST на вкладке профиля, я хочу, чтобы эта вкладка активна, как я могу сделать это?

Answer 1

Похоже, у вас есть «активный» класс, чтобы сделать активную вкладку. В этом случае, вы можете просто сделать:

$("#home").removeClass("active"); // this deactivates the home tab 
$("#profile").addClass("active"); // this activates the profile tab 

Answer 2

Ваш точный пример в документации, и он говорит, что для активации вкладки вы делаете:

$('#myTab a[href="#profile"]').tab('show') 

http://getbootstrap.com/javascript/#tabs

Answer 3

попробовать этот

<ul class="nav nav-tabs" id="myTab"> 
    <li <?php if empty($_POST): ?> class="active" <?php endif; ?> ><a href="#home">Home</a></li> 
    <li><a href="#profile" <?php if !empty($_POST): ?> class="active" <?php endif; ?>>Profile</a></li> 
</ul> 

<div class="tab-content"> 
    <div class="tab-pane <?php if empty($_POST): ?> active <?php endif; ?>" id="home">...</div> 
    <div class="tab-pane <?php if !empty($_POST): ?> class="active" <?php endif; ?>" id="profile">...</div> 
</div>