Javascript Json代码未在视图源上输出数据

我在我的页面上使用以下代码：

<script>$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#gallery").wrap("<a rel='external' href='" + item.media.m + "'></a>");



if ( i == 20 ) return false;
});
});</script>

$.getJSON（“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
功能（数据）{
$.each（data.items，function（i，item）{
$("

当我查看页面源代码时，我没有看到图像标记，只有脚本，我添加了一个jS库，这样当单击时图像就会弹出

这并没有发生，但当我获得jquery添加的图像代码并将其直接粘贴到我的页面并保存后，它就可以完美地工作了

---

有人知道为什么会发生这种情况吗？

小提琴工作正常：

在大多数浏览器上，在视图源代码中看不到图像标记

---

（但是，如果您使用的是chrome，您应该能够--右键单击一个cat，然后说inspect element）

查看源代码显示原始html文件的源代码，当javascript更新DOM时，它不会更新。大多数浏览器都有某种形式的工具，允许您检查DOM的当前状态，例如webkit浏览器中的inspector或firefox中的firebug