javascript - jQuery selector loads images from server -
here code:
<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 data js template engine need part of it. problem jquery on the
img src={video.image}: /test/%7bvideo.image%7d http/1.1
(on firefox live http headers).
generates 404 server.
any clues on how solve this?
lot :)
when create jquery object html, it's evaluated (because document fragment created), this:
$("<img src='bob.jpg' />")
immediately causes fetch of image. way see had 3 quick options (and others, hard without more context question):
- replace
{video.image}
before creating jquery object. - remove
src="{video.image}"
, find<img>
via selector have , setsrc
attribute later, this:$(ajax_data).find('img').attr('src','myimage.jpg');
- do want via regex before inserting dom.
Comments
Post a Comment