jQuery动画在Internet Explorer中不起作用

Question

I am coding my website, and a friend of mine was helping me. This code does not work on IE 10 (Windows 7). I even tried the legacy modes and to no avail. Upon clicking on "services" for example, this code would work on FF or Chrome. But, not on IE. Can someone help me fix this code so it would also work on IE?

$('#services-fr-2').on('click',function(){

    $(".clientsFr").hide();
    $('.servicesFr').fadeToggle();
    $('#green-pouch-fr').animate({
        'top':'450px'//,
        //'height':'450'
    });

});

EDIT: Here is the fiddle as requested.

http://jsfiddle.net/dVMT9/5/

Answer 1

You are missing brackets.

$('#services-fr-2').on('click',function(){  
        $( ".clientsFr" ).hide();
        $('.servicesFr').fadeToggle();
        $('#green-pouch-fr').animate({
            'top':'450px'//,
            //'height':'450'
        })
});

Answer 2

Your problem is the comma after 'top':'450px'

The comma would be fine if the next line wouldn't be commented out. Remove the comma and IE will be fine.

Answer 3

难道是px的'top':'450px' ，我曾经有过一个问题， px ，只是尝试删除它们

Answer 4

I faced same problem in IE9. I tried top without quotes and it worked.