Bootstrap 选项卡中的表单不工作/提交

Question

我面临一个简单的问题，但不知道如何解决。我正在使用 twitter bootstrap 的标签。选项卡有效，但每个选项卡中的表单不提交。表单在没有选项卡的情况下提交。

以下是我用于标签的链接

            <ul class="nav nav-list affix tabs" data-tabs="tabs">
                <li>
                    <a href="#overview" data-toggle="tab">Overview</a>
                </li>
                <li>
                    <a href="#profile" data-toggle="tab">Profile</a>
                </li>
            </ul>

接下来是标签

        <div class="tab-content span9">
            <div id="overview" class="tab-pane" data-toggle="tab">
                <!-- Overview Forms go here -->
            </div>
        </div>
        <div class="tab-content span9">
            <div id="profile" class="tab-pane" data-toggle="tab">
                <!-- Profile Form go here -->
            </div>
        </div>

最后我添加了以下jquery

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

Answer 1

Bootstrap 面板也是如此，当您在面板主体中有一个表单并尝试提交表单时没有任何 react 。您必须从正文中删除“面板折叠”类:)