Javascript 多个jquery选项卡的显示不正确

我遇到了一个问题，我不知道该如何解决，也不知道是什么原因造成的

基本上我有一个带有jquery选项卡的页面。选项卡是通过ajax加载的，就像官方jquery页面上的示例一样。 然而，在加载的页面上，我有更多的选项卡。换句话说，您打开第一个页面，该页面具有选项卡，并且在该选项卡中打开的其中一个页面具有另一个选项卡列表

我确保所有的ID都是唯一的。但是，页面加载正常，没有错误，一切正常。我再次切换到下一个选项卡，没有问题，一切正常，新页面加载了另一个选项卡列表。甚至那些标签也能再次工作。但是，当我切换回第一个原始选项卡时，它抛出了一个javascript错误，即tabs（）不是函数，页面的整个结构都乱了

这是我要加载的第一页：

然后，“极端”选项卡应加载此页面：

单独来说，它们可以正常工作，但是如果您尝试单击第一页上的“极端值”选项卡，它会加载第二个精细值，但是当您切换回原始摘要选项卡并再次切换到“极端值”选项卡时，一切都变糟了。换句话说，如果你继续在标签之间切换，它只在页面第一次加载时正常工作，但是在切换到那里和后面之后，它会抛出这个错误

谢谢你提前给我提示

代码基本上是这样的：

第一个主页：

<div id="tabs" class="centered">
    <ul style="align:center">
            <li>
                <a href="#tabs-1"><?php echo lang("Summary")?></a>
            </li>
            <li>
                <a href="report_annual1.php?y=2012?></a>
            </li>
        </ul>
        <div id="tabs-1"></div>
 </div>
    <script>
    $(function() {
            $( "#tabs" ).tabs();
    })
    </script>

$（函数（）{
$（“#制表符”）.tabs（）；
})

---

然后，第二个选项卡中加载的第二个页面具有完全相同的代码，优于#选项卡称为#tabs2和divs tabs-21、tabs22等。

显示您的代码或添加JSFIDLE…..请按照@Pratik的说法添加您的代码，因为这对人们没有帮助，任何人都可以如何回答。从主页上而不是从ajax页面上为#tabs2创建选项卡我试过了，根本不起作用，ajax页面上的选项卡随后不会生成并显示为正常的ul列表