Jquery UI选项卡无法使用.tabs（）函数

我对JQUERY完全陌生，我有一个项目，我必须使用JQUERY UI选项卡。我下载了一个UI选项卡，并按照上面列出的所有说明操作 我的html代码是：

   <div id="tab">
    <ul class="tabs">
        <li><a href="#tabs-1">Tab1</a></li>
        <li><a href="#tabs-2">Tab2</a></li>
        <li><a href="#tabs-3">Tab3</a></li>
    </ul> 
    <div class="tab-content" id="tabs1">Tab1</div>
    <div class="tab-content" id="tabs2">Tab2</div>
    <div class="tab-content" id="tabs3">Tab3</div> </div>

表1
表2
表3

我的JQUERY函数是：

    <script type="text/javascript">

    $(document).ready(function () {
        $('#tab').tabs();
    });
</script>

$（文档）.ready（函数（）{
$（'#tab'）.tabs（）；
});

问题是，当我运行页面时，它会显示如下输出：

我不能用标签导航。。。我将非常感谢你在这方面的帮助

---

提前感谢您并期待您的即时帮助

选项卡按钮中的链接：

<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
<li><a href="#tabs-3">Tab3</a></li>

需要匹配选项卡的

id

属性。您的链接使用

tabs-1

、

tabs-2

和

tabs-3

，但您的选项卡使用

tabs1

、

tabs2

和

tabs3

---

演示：

选项卡按钮中的链接：

<li><a href="#tabs-1">Tab1</a></li>
<li><a href="#tabs-2">Tab2</a></li>
<li><a href="#tabs-3">Tab3</a></li>

需要匹配选项卡的

id

属性。您的链接使用

tabs-1

、

tabs-2

和

tabs-3

，但您的选项卡使用

tabs1

、

tabs2

和

tabs3

---

演示：

将content div重命名为this，您将获得破折号

-

<div class="tab-content" id="tabs-1">Tab1</div>
<div class="tab-content" id="tabs-2">Tab2</div>
<div class="tab-content" id="tabs-3">Tab3</div>

Tab1
表2
表3

将content div重命名为this，您将获得破折号

-

<div class="tab-content" id="tabs-1">Tab1</div>
<div class="tab-content" id="tabs-2">Tab2</div>
<div class="tab-content" id="tabs-3">Tab3</div>

Tab1
表2
表3

检查您的控制台。您是否看到未捕获的jQuery UI选项卡：不匹配的片段标识符。？检查控制台。您是否看到

未捕获的jQuery UI选项卡：不匹配的片段标识符。

太棒了，非常感谢您的帮助，它现在已经修复：）这又是我在这个问题上面临的另一个问题，当任何选项卡上出现回发时，该选项卡从开始就被重新加载，即使我在其他选项卡上调用事件，第一个选项卡也会出现，回发后，所选选项卡不会重新加载；如何解决这个问题？请帮助我..提前感谢我通过使用jquery ui选项卡的cookie功能解决了上述问题，但现在问题是即使在关闭并加载页面而不是默认选项卡后，最后选择的选项卡仍然出现，现在我完全是一堆人，在这方面非常需要你的帮助。@hardwarker：你可以调整帖子以跟踪打开的标签，或者在达到目的后删除cookie。我找到了解决方案，我没有使用cookie，而是使用hiddenfield来跟踪选项卡标记。无论如何，感谢Sawesome，非常感谢您的帮助，现在它已被修复：）这又是我在这个问题上面临的另一个问题，当任何选项卡上出现回发时，该选项卡将从开始重新加载，即使我在其他选项卡上调用事件，第一个选项卡也会出现，回发后，所选选项卡不会重新加载；如何解决这个问题？请帮助我..提前感谢我通过使用jquery ui选项卡的cookie功能解决了上述问题，但现在问题是即使在关闭并加载页面而不是默认选项卡后，最后选择的选项卡仍然出现，现在我完全是堆叠的，在这方面非常需要你的帮助。@Hardwerker:你可以调整帖子以跟踪打开的选项卡，或者在达到目的后删除cookie。我找到了解决方案，而不是使用cookie，我使用hiddenfield跟踪选项卡标记。无论如何，谢谢