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

【问题标题】：Forms within Bootstrap tabs not working/submittingBootstrap 选项卡中的表单不工作/提交
【发布时间】：2013-08-20 14:38:29
【问题描述】：

我遇到了一个简单的问题，但不知道如何解决。我正在使用 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');

【问题讨论】：

大家好，想通了，如果您遇到同样的问题，您可以通过从选项卡窗格中删除 data-toggle 属性来轻松解决它，例如<div id="overview" class="tab-pane"> 是正确的。
对我来说只是删除 data-toggle="pill" ...几乎一样！谢谢

标签： forms twitter-bootstrap tabs

【解决方案1】：

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

【讨论】：