使用jQuery使用XML文件更新DOM

我试图通过Ajax调用插入一个XML文档，然后执行一个滑块脚本。 尽管内容似乎正确地插入到DOM中（查看Firefox中的开发者工具栏），但滑块不会成功执行。但是，如果我直接在HTML中插入XML内容，滑块脚本将正常执行。因此，在附加XML时似乎存在问题。 有什么想法吗？ 提前谢谢

脚本：

jQuery(document).ready(function(){
       jQuery.ajax({
            type: 'GET' ,
            url: '/media/info.xml' ,
            dataType: 'xml' ,
            success: function(xml) {
                jQuery(xml).find('div.section').each(function(){
                    jQuery('#glider1').append(this);
                });
                jQuery(document).ready(function(){
                    jQuery('#glider1').bxSlider();
                });
            }
        });
    });

XML:

测试1

测试2

测试3

HTML:

我非常确定您需要使用。代码应该按原样工作，并且是正确的方法。@Robert提到的

on（）

方法用于事件委派。由于滑块插件涉及DOM操作，因此它不被归类为

事件委派

。您不需要将插件初始化包装在它自己的

文档中。ready

，因为该事件很久以前就在页面中发生过，但也不会造成任何伤害。浏览器控制台中是否有错误？如果插入完整的xml有效，为什么不直接使用它呢？

<?xml version="1.0"?>
<test>
    <div class="section">
        <p>Test 1</p>
    </div>
    <div class="section">
        <p>Test 2</p>
    </div>
    <div class="section">
        <p>Test 3</p>
    </div>
</test>

<div class="glider" id="glider1">
</div>