JQuery селектор загружает изображения с сервера

Question

здесь код:

<script type="text/javascript"> 
    var ajax_data = 
     '<ul id="b-cmu-rgt-list-videos"><li><a href="{video.url}" '+ 
     'title="{video.title.strip}"><img src="{video.image}" '+ 
     'alt="{video.title.strip}" /><span>{video.title}</span></a></li></ul>'; 

    var my_img = $(ajax_data).find('img'); 
</script>` 

ajax_data это данные из шаблона движка JS, когда мне нужно, чтобы получить какую-то часть его. Проблема в том, что jQuery делает GET на

img src={video.image}: GET /test/%7Bvideo.image%7D HTTP/1.1 (на заголовках HTTP Firefox Live).
Этот GET генерирует 404 с сервера.

Любые подсказки о том, как это решить?
Большое спасибо :)

Answer 1

При создании jquery object из HTML, это сразу оценили (так как фрагмент документа создается), так это:

$("<img src='bob.jpg' />") 

Сразу вызывает выборку изображения. Как я вижу это у вас было 3 быстрых вариантов (и, вероятно, другие, но трудно сказать, не больше контекста на ваш вопрос):

1. Replace {video.image} перед созданием объекта JQuery.
2. Удалить src="{video.image}", просто найти <img> через селектор у вас уже есть и установить атрибут src позже, как это: $(ajax_data).find('img').attr('src','myImage.jpg');
3. делать все, что вы хотите с помощью регулярных выражений, прежде чем вставлять посторонние предметы в DOM.