admin管理员组

文章数量:1430551

I am using following code for my website:

<script src="js/jquery-1.10.1.js" type="text/javascript"></script>
<script src="js/jquery-migrate-1.2.1.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("img#logo").load(function() {
            alert('Hello');
        });
    });
</script>

And this is not working in IE but works fine in Firefox, Chrome and Safari.

I am using following code for my website:

<script src="js/jquery-1.10.1.js" type="text/javascript"></script>
<script src="js/jquery-migrate-1.2.1.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("img#logo").load(function() {
            alert('Hello');
        });
    });
</script>

And this is not working in IE but works fine in Firefox, Chrome and Safari.

  • javascript
  • jquery
  • internet-explorer
Share Improve this question edited Jun 29, 2013 at 5:46 Fabrício Matté 70.2k27 gold badges135 silver badges167 bronze badges asked Jun 29, 2013 at 5:12 Sharda SinghSharda Singh 7473 gold badges11 silver badges19 bronze badges 2
  • possibly syntax related? looks like }); is missing after the alert – MikeM Commented Jun 29, 2013 at 5:17
  • no error in syntax I had written wrong here.. – Sharda Singh Commented Jun 29, 2013 at 5:18
Add a ment  | 

2 Answers 2

Reset to default 3

I can confirm that your code does work in IE 8 on windows 7 64 using unminified version:

<!DOCTYPE html>
<html>
 <head>
<title>test</title>
     <script type="text/javascript" src="jquery-1.10.1.js"></script>
     <script>
         $(document).ready(function () {
             console.log($.fn.jquery);
             $("img#logo").load(function () {
                 console.log('Hello');
             });
         });
     </script>
</head> 
 <body> 
     <img id="logo" src="somegig.gif" onload="console.log('load');"/>
 </body>
</html>

This will log 1.10.1 then load and then Hello, maybe you have to validate your html and make sure your html is valid maybe that's a problem.

a quick review of http://api.jquery./load-event/ provides some caveats:

Caveats of the load event when used with images

A mon challenge developers attempt to solve using the .load() shortcut is to execute a function when an image (or collection of images) have pletely loaded. There are several known caveats with this that should be noted. These are:

  • It doesn't work consistently nor reliably cross-browser
  • It doesn't fire correctly in WebKit if the image src is set to the same src as before
  • It doesn't correctly bubble up the DOM tree
  • Can cease to fire for images that already live in the browser's cache

Note the first and fourth caveats. Clear the cache and try again.

Also, do you need the jQuery migrate ? Lose it and see if it is glitching your IE

本文标签： javascriptJQuery load() not working in Internet ExplorerStack Overflow

版权声明：本文标题：javascript - JQuery .load() not working in Internet Explorer - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745502127a2661079.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。