如何使jquery嵌套选项卡链接工作？ [英] How to make work the jquery nested tab link?

问题描述

我遇到了Jquery标签UI的问题。

I am having problem with Jquery tabs 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打开子标签。

Now when i try to access subtab like page.html#subtab1 it does not work, but page.html#tab1 works. What am i doing wrong? basically i need to open subtab using URL.

谢谢

推荐答案

您缺少< div id =tab2>< / div> ，这将产生jQuery异常。
尝试将其添加到代码中，您的链接就可以使用。

You are missing <div id="tab2"></div> which will give a jQuery exception. Try adding that to the code and your links will work.

这篇关于如何使jquery嵌套选项卡链接工作？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！