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

对于引导面板也是如此，当您在面板主体中有一个表单并尝试提交表单时，什么也不会发生。您必须从正文中删除“panel-collapse”类:)