【发布时间】：2012-03-09 04:27:22
【问题描述】：
我正在尝试访问 AJAX 动态加载内容的 HTML 代码源。我怎么能做到？ 例如，在 Gmail 上，我试图访问给定电子邮件讨论内容（给定电子邮件讨论的不同条目）的 HTML 代码，只有当我单击主列表中的此电子邮件讨论行时才会加载该代码。我可以访问的代码源只是最初加载的页面之一（所有电子邮件讨论的列表）。有什么想法吗？
【问题讨论】：
【发布时间】：2012-03-09 04:27:22
【问题描述】：
我认为您想在使用 ajax 初始页面加载后加载的 dom 元素上绑定事件。如果是这样，那么你可以使用 jQuery 库，你可以使用 jquery 的 live 方法。
这里是live方法的链接，你可以查看。
你需要什么
下载 jquery 最新库 (http://docs.jquery.com/Downloading_jQuery)
然后将其包含在 head 内的脚本中
或者你可以使用cdn http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
然后像下面这样
<script>
$(document).ready(function(){
$("#ajax_dom_element_id").live('click_or_any_event',function(){
code snippet you wan dot
});
});
</script>
我认为这会有所帮助。
【讨论】：
如果您右键单击 -> “查看源代码”，它将显示您所在页面的重新加载版本的内容。
在 Chrome 中使用“检查元素”（热键 CTRL+SHIFT+i）显示动态内容的来源。
【讨论】：
-
在最新版本的 IE 中：按 F12。
右键单击页面并选择“检查元素”。当 JavaScript 对页面进行更改时，元素视图会更新，而“查看源”视图仅显示页面加载时的内容。
【讨论】：
-
注意：这是特定于 Chrome 的。
-
问题标题为 Chrome。
-
这并不总是有效 - CSS 检查器会显示浏览器实际呈现的内容。有时，您会遇到浏览器会忽略的错误（例如缺少/放错位置的标签），这会导致一些错误。这在源代码中很明显，但在检查器中不存在。