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面板，当你在面板体内有一个表单并尝试提交表单时没有任何反应。您必须删除＆＃34;面板折叠＆＃34;来自身体的课程：）

Bootstrap选项卡中的表单无法正常工作/提交

1 个答案: