javascript - 如何使 jquery 嵌套选项卡链接工作？

Question

我在使用 Jquery 选项卡 UI 时遇到问题。

<script type="text/javascript">
$(document).ready(function() {
    $('.tabs').tabs();
    $('.subtabs').tabs();
});

<div class="tabs">
   <ul>
       <li><a href="#tab1">Tab1</a></li>
       <li><a href="#tab2">Tab2</a></li>
   </ul>
       <div id="tab1">
            <div class="subtabs">
                <ul>
                    <li><a href="#subtab1">Subtab1</a></li>
                    <li><a href="#subtab2">Subtab2</a></li>
                </ul>
            <div id="subtab1">
                 Some content1
            </div>
            <div id="subtab2">
                 Some content2
            </div>
            </div>

        </div>
       <div id="tab2"></div>
</div>

现在，当我尝试访问像 page.html#subtab1 这样的子选项卡时，它不起作用， 但 page.html#tab1 有效。我究竟做错了什么？基本上我需要使用 URL 打开子选项卡。

谢谢

Answer 1

您缺少<div id="tab2"></div>这将给出 jQuery 异常。 尝试将其添加到代码中，您的链接就会起作用。