javascript - 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();

从第一个 head.ready 调用开始。

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

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

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