Jquery ui jQueryUI选项卡上的选项卡排序

我使用的是一个简单的选项卡式界面

我有5个选项卡导航按钮，对应于5“部分

我的部分是以不同的方式排序的

“图像”部分是第一个，因为我希望幻灯片是人们看到的第一个东西

“菜单”部分是第二个。 “关于”部分是第三部分。 “保留”部分是第四部分。 “联系人”部分是最后一个

**“图像”和“关于”部分的位置互换

通过这种排列，首先显示图像部分。但是，当我单击第一个选项卡导航按钮“About”时，它不会导航到“About”部分。相反，我必须单击其他选项卡导航按钮，然后单击“关于”按钮进入“关于”部分

有人能解释一下吗

这是jQueryUI选项卡中的错误吗

---

这些选项卡引用的是div id，因此节的顺序应该无关紧要，对吗？

您可以在像JSFiddle这样的站点上复制吗？我不能让它发生：。另外，您是否可以加入您的JavaScript？对不起，前面的链接，这里是实际的链接：

<ul class="tabnav">
<li class="about">
 <a href="#about"></a>
</li>

<li class="menu">
<a href="#menu"></a>
</li>

<li class="images">
<a href="#images"></a>
</li>


<li class="reservations">
<a href="#reservations"></a>
</li>


<li class="privents">
<a href="#contact"></a>
</li>
</ul>