External JS file works perfectly well in Firefox but not in IE

Question

Here's the code right away in my separate JS file:

$(function () {
    $(window).scroll(function () {

        if ($('.span4').css("left") == "0px") {
            $('.span4').css("left", "auto");
        } else if ($('.span4').css("left") < "0px") {
            $('.span4').css('left', -$(window).scrollLeft() - 20);
        }
    })
});
$(function () {
    $(window).resize(function () {

        if ($(window).width() >= "1130") {
        $('.span4').css("left", "auto");
        }
    })
});

This perfectly works well in Firefox but in IE (facepalm).... But if i place this code inline in the html it works well in both IE and Firefox... why you IE :(

Answer 1

Could be any number of things. Maybe it's not being invoked in IE. Try the following

$(function () {
$(window).scroll(function () {

    if ($('.span4').css("left") == "0px") {
        $('.span4').css("left", "auto");
    } else if ($('.span4').css("left") < "0px") {
        $('.span4').css('left', -$(window).scrollLeft() - 20);
    }
})
})();
$(function () {
$(window).resize(function () {

    if ($(window).width() >= "1130") {
    $('.span4').css("left", "auto");
    }
})
})();

All I've done it add "()" to the end of each function so that it invoked immediately. Worth a try.