Jquery ui Jquery UI选项卡随机创建空div

首先，我应该说，我的问题非常具体，我不期望直接解决，我更希望有可能

我已经将jquery选项卡设置为加载文档就绪。8/10次，它工作得非常完美，但有时它没有正确设置现有的div，而是将自己的空选项卡容器div插入到DOM中，并显示所有隐藏的内容。我发现使用refresh方法可以解决这个问题，但它不会删除幻影DOM元素

<div id="tabs">
<ul>
<li><a style="TEXT-DECORATION: underline" href="#tabs-1">Overview</a></li>
<li><a style="TEXT-DECORATION: underline" href="#tabs-2">How to apply</a></li>
<li><a style="TEXT-DECORATION: underline" href="#tabs-3">Obligations</a></li>
<li><a style="TEXT-DECORATION: underline" href="#tabs-4">Forms and fees</a></li>
<li><a style="TEXT-DECORATION: underline" href="#tabs-5">FAQs</a></li>
</ul>
<div id="ui-id-30" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-live="polite" aria-labelledby="ui-id-29" role="tabpanel" aria-hidden="false"></div>
<div id="ui-id-32" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-live="polite" aria-labelledby="ui-id-31" role="tabpanel" aria-hidden="true" style="display: none;"></div>
<div id="ui-id-34" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-live="polite" aria-labelledby="ui-id-33" role="tabpanel" aria-hidden="true" style="display: none;"></div>
<div id="ui-id-36" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-live="polite" aria-labelledby="ui-id-35" role="tabpanel" aria-hidden="true" style="display: none;"></div>
<div id="ui-id-38" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-live="polite" aria-labelledby="ui-id-37" role="tabpanel" aria-hidden="true" style="display: none;"></div>
<div id="tabs-1"></div>
<div id="tabs-2"></div>
<div id="tabs-3"></div>
<div id="tabs-4"></div>
<div id="tabs-5"></div>
</div>

如上所示，jQueryUI正在插入ID为“UI-ID-30”的5个div，以此类推

起初我认为问题是因为我的内容是在文档通过Ajax准备好之后被加载到页面中的，但我无法确认是否是这样。（我在Oracle服务云中工作）

---

如果你们有什么想法，我很想听！非常感谢

我后来发现，它的零星问题与另一个Oracle函数有关，该函数将进入页面并使用相关url路径转换选项卡链接。有时失败的原因是，有时tab初始化会在transform函数之前运行，并且会出现403控制台错误。看起来您知道代码出了什么问题。。？只需确保在完成所有其他工作后初始化jquery小部件即可。。？我们在这里该怎么办。。？