我在我的页面上使用以下代码:
<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 lib,以便在单击时弹出图像。
这种情况不会发生但是当我通过jquery添加图像代码并将其直接粘贴到我的页面并保存时,它会完美地运行。
有没有人知道为什么会这样?
答案 0 :(得分:1)
小提琴效果很好:
在大多数浏览器中,您无法在视图源中看到图像标记。
(但是,如果你使用的是chrome,你应该能够 - 右键单击一只猫然后说检查元素)
答案 1 :(得分:1)
查看源代码显示原始html文件的来源,当javascript更新DOM时,它不会更新。大多数浏览器都有某种形式的工具,允许您检查DOM的当前状态,例如webkit浏览器中的检查器或firefox中的firebug。