Javascript jQuery UI不处理导入的XML数据，仅处理原始HTML

我正在创建一个文档，该文档从XML文档获取数据并显示它。我想根据它应用一个简单的jQueryUI，使其更整洁地导航，但似乎和外部数据存在一些冲突。当我将源代码复制并粘贴到一个单独的文档中时，效果很好

以下是带有XML的文档：

以下是带有原始HTML的文档：

我认为使用HEAD.JS可以在加载XML后强制脚本初始化，但这没有任何作用

$('#animals').accordion(); 

在完成用外部数据填充DOM之前调用

删除以下内容：

head.ready("script", function() {
    $( "#animal" ).accordion();
});

及

从第一个头部开始，准备呼叫

然后在构建完DOM后将其添加到回调中

如果您需要在任何时候更新数据，请先销毁当前手风琴，然后重建它：

$('#animal').accordion('destroy');
$('#animal').accordion();

---

我不认为这与XML与HTML有任何关系，我认为这与您用来加载JS文件和运行脚本的库有关。我认为这是在DOM完全加载数据之前调用accordion小部件。当我在Javascript控制台中执行$（“#动物”）.accordion（“销毁”）.accordion（）时，它会修复它。我并不想加载这些脚本两次。我把它拿出来了。我似乎还是找不到合适的地方去买手风琴。

$('#animal').accordion('destroy');
$('#animal').accordion();