javascript无法在IE8 / 9中运行，但在查看控制台时可以运行

Question

I have a script that works fine in everything but IE8/9. The weird thing is, when I open the developer tools and console in IE to deb, and then refresh the page as it says to, the script runs fine. What am I missing? Any idea what IE doesn't like about this script?

One other note - the script doesn't load until the window loads as I need to measure the height of images, so maybe that is part of the problem?

Thanks for any help

$(window).load(function(){


     function offsetElement(element, container){
            if ( $(window).width() > 767 ) {

                $(element).each(function(index,value){

                    var snapImage = $(this),
                        snapImageHeight = snapImage.height(),
                        containerHeight = snapImage.closest(container).outerHeight(),
                        topOffset = (containerHeight - snapImageHeight) / 2;

                    $(this).css({ 'top' : topOffset });

                 });
            }

     }


        offsetElement('.snapshot', '.event');
        offsetElement('.dot', '.event'); 

    function activeSnap(){ return offsetElement('.snapshot', '.event'); }
    function activeDot(){ return offsetElement('.dot', '.event'); }


     $(window).resize(function(){
        activeSnap();
        activeDot();
     });


});

Answer 1

$(window).load() should be using the built in onload function so that shouldn't be the problem. It could be your jQuery version, jQuery 2.X does not support Internet Explorer 6, 7, or 8. Make sure you're using jQuery 1.X for compatibility

Answer 2

使用$(document).ready()代替$(window).load() 。

Answer 3

which over of jQuery are you using? have you try using window.onload see if IE works with it? – jasonslyvia 35 mins ago

Thanks @jasonslyvia, all I did was replace $(window).load for window.onload and it works fine now.