javascript - JS Json代码在查看源时不输出数据

Question

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

<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>

当我查看页面源代码时，我没有看到图像标签，只有脚本，并且我添加了一个 jS 库，以便单击时会弹出图像。

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

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

Answer 1

fiddle 工作得很好:

http://jsfiddle.net/NEFma/

在大多数浏览器上，您无法在 View 源中看到图像标签。

(但是，如果您使用的是 Chrome，您应该能够——右键单击一只猫并说检查元素)