jquery - 是否可以使用 jquery 在按钮单击时禁用同一页面上的所有选项卡？

Question

如何使用 jquery 中的按钮 ID 禁用按钮单击时的选项卡？在下面的 PHP 页面中，我使用 bootstarp 创建了 li 标签中声明的四个标签。

<form class="form span11">
    <div class="tabbable" id="tab">
        <div class="">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#comments" data-toggle="tab">Comments</a></li>
                <li class=""><a href="#" data-toggle="tab">Activities</a></li>
                <li class=""><a href="#locations" data-toggle="tab">Locations</a></li>
                <li class=""><a href="#pohistory" data-toggle="tab">PO History</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="comments">
                <?php include "views/projects/comments.php"; ?>
            </div>
            <div class="tab-pane " id="locations">
                <?php include "partners_locations.php"; ?>
            </div>
            <div class="tab-pane " id="pohistory">
                <?php include "pohistory.php"; ?>
            </div>
        </div>
    </div>
<button id="set" type="button">submit</button>
</form>

Answer 1

$("#set").click(function () {
    $( "#tab" ).tabs({ disabled: true });
});