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

Просмотр источника показывает вам исходный HTML-файл, он не обновляется, когда Javascript обновляет DOM. В большинстве браузеров есть инструмент, который позволяет вам проверять текущее состояние DOM, например, инспектор в браузерах webkit или firebug в firefox.

Answer 2

Скрипка работает просто отлично:

http://jsfiddle.net/NEFma/

В большинстве браузеров теги изображений не отображаются в исходном представлении.

(Однако, если вы используете Chrome, вы можете щелкнуть правой кнопкой мыши на коте и сказать «проверить элемент»)