javascript - jquery初始化多个选项卡

Question

在下面的代码中，我尝试初始化两个选项卡控件(actions-power 和 actions-access)，但初始化仅针对第一个选项卡控件进行，不是都。我该如何解决它？

<div id="action-tabs">
        <ul class="tabs" id="actions-power">
            <li class="active"><a href="#action-power_cycle" data-toggle="tab">Power Cycle</a></li>
            <li><a href="#action-power_off" data-toggle="tab">Power Off</a></li>
        </ul>
        <ul class="tabs" id="actions-access">
            <li class="active"><a href="#action-console" data-toggle="tab">Console Access</a></li>
            <li><a href="#action-reset_root_password" data-toggle="tab">Reset Root Password</a></li>
        </ul>

        <div class="tab-contents">
           <div id="action-power_off">
                <p>This will power off your pc.</p>
                <p>...</p>
           </div>
           <div class="" id="action-power_cycle">
                <p>This will reboot your pc.</p>
                <p>...</p>
           </div>
           <div id="action-console">
                <p>...</p>
           </div>
           <div id="action-reset_root_password">
                <p>...</p>
          </div>
</div> 

<script>
    $(document).ready(function () {
        $("#action-tabs").tabs();
        });
</script>

Answer 1

据我所知，选择一个 id 只会选择它遇到的第一个项目。如果您想一次选择多个对象，则需要找到另一种方法来选择对象。例如，尝试为每个元素指定一个类，然后选择该类而不是 id。