jquery image.load event not firing if image.src set from pageshow event and returning to the same page

Question

I have the following situation in my mobile web application:

I have a javascript Image on the page called srcImage.
I have javascript code that is set to fire when the javascript image gets loaded. My understanding is that this event should be triggered whenever srcImage.src is set to a valid image.
I have a jquery mobile pageshow event on the page that is triggered each time the page is visited. In this event, I sent srcImage.src to a valid image.
The issue I am having is that if I go back to the page (after visiting it once), then the load event for srcImage is not triggered in IE 10. My understanding is that the load event should be triggered in this situation but it is not. Can someone explain why?
```
 <script>
 var srcImage = new Image();
 $(srcImage).load(function() {
 ...
 });
$(document).on("pageshow", '#pageid', function() {
  srcImage.src = pathtoimage;
});
</script>
```

The load() method is known to have poor cross-browser functionality: http://api.jquery.com/load-event You may need to find a different approach. — isherwood, Oct 22 '13 at 14:54

score 0 · Accepted Answer · answered Oct 24 '13 at 18:27

0

I found the issue, which is that the image being loaded into the Image() control was not valid after all. When using a valid image file it works fine.

answered Oct 24 '13 at 18:27

Obi Wan

889
10
26

jquery image.load event not firing if image.src set from pageshow event and returning to the same page

1 Answers1