javascript - 查看源代码时，附加数据似乎不在标记中

Question

我有一个带有一些 AJAX 的网站，基本上用户单击一个链接，一些 AJAX 会触发一个返回一些 HTML 的方法，如下所示，正如标题所说，返回的数据似乎并不存在正在进入 HTML，这就是我的 Accordion 没有被制作的原因吗？这很奇怪，因为结果被返回，因为它们输出到我的屏幕上。

$(document).ready(function() {
    // hides the main_menu as soon as the DOM is ready
    // (a little sooner than page load)
    $('#main_menu').hide();
        // shows the slickbox on clicking the noted link  
        $('h3#show-menu a').click(function() {
                $('#main_menu').toggle('slow');
                    return false;
        });
//try and hide the left content when it is null
    $("#left-content:empty").hide();
    //style up the scroll bar
        $('#left-content').jScrollPane();

        //do some AJAX to call the method instead of the browser
        $("a.navlink").click(function (ev) {
            $(this).toggleClass("active");
            ev.preventDefault();
            var id = $(this).attr("id")
            if ($(this).hasClass("active")) {
               $("."+id).remove();
            }
            else {  
            //$(this).toggleClass("active");
                  var url = $(this).attr("href");
                    $.ajax ({
                        url:  url,
                        type: "GET",
                        success : function (html) {
                            $("#accordion").append(html);
                            $('#accordion').accordion({
                                active: 0,
                                header:'h2'
                            });
                            //alert(accordion())
                        }
                    });
            }
        });
  });

我确信您可以从代码中了解到，返回的 HTML 会附加到 <div id="accordion> 中。然后它被“变成” Accordion ，但是这并没有发生，我得到的只是添加到 div 中的类，这些类将提供 Accordion 功能，但我没有得到真正的功能。

我注意到，当我查看源代码时，无论 AJAX 是否已触发，<div id="accordion> 中都没有内容。即使我可以看到返回的数据，我怎样才能让 Accordion 工作？

======AJAX 返回的内容======

?php
if(isset($content)) {
//  var_dump($content);
    foreach($content as $row) {
        print "<h2 class='$row[category_name]'><a href='#'>$row[category_name]</a></h2>";
        print "<div class='$row[category_name]'>$row[content_title]</div>";
    }
}
?>

========AJAX html 的去向==========

    <div id="right-content">
    <div id="accordion"></div>
</div>

Answer 1

查看源代码显示您的机器下载的文件的源代码，即。任何 AJAX 更改之前的文件。无论您在 Javascript 中做什么，查看源代码都不会发生任何变化(当然，除非您转到新页面)。

如果您想查看当前 DOM 如何查找您的页面，您需要使用 Firebug 或 IE Developer 工具栏等工具。