开发者

jQuery cross-browser issue

开发者 https://www.devze.com 2023-01-10 04:33 出处:网络
I have this code that works great in all开发者_运维知识库 browsers but not IE6, and I have no idea why, can anyone shed any light on this?

I have this code that works great in all开发者_运维知识库 browsers but not IE6, and I have no idea why, can anyone shed any light on this?

$("#handle").toggle(    
    function () {
        $('#login').animate({
            marginTop: '0',
        }, 1000);
        $("#handle").addClass('opened');
        return false;
    }, 
    function () {
        $('#login').animate({
            marginTop: '-280',
        }, 1000);
        $("#handle").removeClass('opened');
        return false;
    }
);


You have trailing commas in the object literals passed to animate(). IE does not support this. This should work:

$('#login').animate({
  marginTop: '0' //No comma, can you see it?
}, 1000);


Yes, I guess I can.

The EVIL COMMA has GOT you !!

marginTop: '0',  // remove comma

and

marginTop: '-280', // remove comma

Trailing commas are a big NoNo in IE's.


Also shouldn't it be

"-280px" // added "px"
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号