0

在我的 Rails 应用程序中，

我正在进行ajax调用，并且从json响应中我正在制作复选框树

ajax 调用后，复选框在视图页面上显示良好，

但是当我尝试查看页面源代码时，浏览器在页面源代码中看不到动态添加的元素，我只能在添加动态内容之前看到源代码元素

谁能告诉我，我做错了什么还是浏览器属性的行为如此？

我的ajax响应函数添加动态元素

success: function(data) 
                    {
                        jQuery("#gradeContent").css("display","block");
                        var s=[]
                        jQuery("#gradeContent123").append('data');
                        jQuery("#gradeContent").append('<ul id="gradeContent_ul" class="ui-widget-daredevel-checkboxTree ui-widget ui-widget-content">')
                        jQuery.each(data, function(k,v) 
                        {
                            jQuery("#gradeContent").append('<li><input type="checkbox" name="category" id="category"/><span>'+k+'</span><ul>');

                            jQuery.each(v,function(k1,v1)
                            {
                                jQuery("#gradeContent").append('<li><input type="checkbox"/><span>'+v1+'</span></li>');
                            });


                            jQuery("#gradeContent").append('</ul></li><br/>');
                        });
                        jQuery("#gradeContent").append('</ul>');

                        jQuery('#gradeContent_ul').checkboxTree();

                    }

在此处输入图像描述

4

2 回答 2

4

是的，这是浏览器的属性和自然行为。“查看源代码”仅向您显示页面首次加载时来自服务器的初始 html 代码。

于 2013-06-27T13:42:49.297 回答
3

“动态添加的元素在浏览器的页面源代码中是不可见的”

这是正常和正确的行为。

要查看 DOM 的当前版本，包括任何动态添加/删除/更新，请使用浏览器的调试工具，您可以在 Chrome 或 IE 中使用 F12 打开，在 FF 中使用 ctrl-shift-i 打开，或右键单击特定元素在页面上并选择“检查元素”（或浏览器的等效选项）。开发工具还将让您查看适用于任何给定元素的 CSS 链和事件处理程序等。

于 2013-06-27T13:44:03.500 回答