简单的jquery在Internet Explorer中不起作用

Question

我有一些简单的jquery用于使div从左向右滑动。它适用于除Internet Explorer之外的所有浏览器。这是我用来将Javascript文件链接到我的页面的HTML链接

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="js/index_slide.js"></script>

这是我的Jquery

$(document).ready(function() {


    $('#bottom_logo').click(function(event) {
        event.preventDefault();

            var position = $('#main_div_wide_wrapper').position().left;
            var width = $( document ).width();
            var slide = ($('#main_div_wide_wrapper').position().left/$( document ).width()) *-1;


            if ( slide == '0') {

        }
        if ( slide == '1') {
            $('#main_div_wide_wrapper').animate({
                'left' : '+=100%' //moves left
                }, 1000);
        } 
        if ( slide == '2') {
            $('#main_div_wide_wrapper').animate({
                'left' : '+=200%' //moves left
                }, 1000);
        } 
        if ( slide == '3') {
            $('#main_div_wide_wrapper').animate({
                'left' : '+=300%' //moves left
                }, 1000);
        }
        if ( slide == '4') {
            $('#main_div_wide_wrapper').animate({
                'left' : '+=400%' //moves left
                }, 1000);
        }



    });//end bottom_logo
});