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

  1. replace {video.image} before creating jquery object.
  2. remove src="{video.image}", find <img> via selector have , set src attribute later, this: $(ajax_data).find('img').attr('src','myimage.jpg');
  3. do want via regex before inserting dom.

Comments

Popular posts from this blog

javascript - Enclosure Memory Copies -

php - Replacing tags in braces, even nested tags, with regex -