jQuery UI不使用导入的XML数据，仅使用原始HTML

Question

我正在创建一个文档，从XML文档中获取数据并显示它。我想将一个简单的jQuery UI手风琴应用于它，使其更易于导航，但似乎与外部数据存在一些冲突。当我将源复制并粘贴到单独的文档中时，它可以正常工作。

以下是带有XML的文档：http://brettlewis.me/assets/experiments/xanimals/xmltest.html

以下是包含原始HTML的文档：http://brettlewis.me/assets/experiments/xanimals/test.html

我认为使用HEAD.JS会有助于在加载XML后强制脚本初始化，但是没有做任何事情。

Answer 1

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

在使用外部数据填充DOM之前，正在调用

。

删除此：

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

和

, function() { $( "#animal" ).accordion();

来自第一个头。准备好了。

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

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

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