Open Specific Twitter Bootstrap Tab After Submitting Form

Asked Apr 08 '13 at 17:48

Active Apr 08 '13 at 17:59

Viewed 1,224 times

I am having trouble opening back up a specific tab after submitting a form. I am using Twitter Bootstrap 2.1.0. Basically, when the from is submitted, it will go back to the first tab instead of the tab where the form was submitted. Here is my code:

<ul class="nav nav-tabs" id="myTab">
  <li class="active"><a href="#tab1">Tab 1</a></li>
  <li><a href="#formtab">Form Tab</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active fade in" id="tab1">
    Content goes in here
  </div>

  <div class="tab-pane fade in" id="formtab">  
    <form action="http://myurl.com#formtab" class="center active" method="post">   
      form stuff goes in here
    </form>
  </div>

<div>

I figured that adding the #id at the end of the link would make the browser open up that specific tab but it goes back to the tab1 tab. Any help would be appreciated. Thanks

edited Apr 08 '13 at 17:59

isherwood

58,414
16
114
157

asked Apr 08 '13 at 17:48

Chase552

Bootstrap doesn't load tabs from URL hashes automatically. http://stackoverflow.com/questions/7862233/twitter-bootstrap-tabs-go-to-specific-tab-on-page-reload – isherwood Apr 08 '13 at 17:56
I realize that. I looked at the post earlier today and added the javascript that it suggested but it still did not function properly – Chase552 Apr 08 '13 at 17:58
I am using version 2.1.0 – Chase552 Apr 08 '13 at 17:58
Put the code you've tried in your question. – isherwood Apr 08 '13 at 17:58

Open Specific Twitter Bootstrap Tab After Submitting Form

0 Answers0