jQuery跨浏览器问题

Question

我有这段代码，在所有浏览器中都能正常工作，但在IE6中无法正常工作，我不知道为什么，请问有人可以解释一下吗？

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

- sea_1987

---

IE6只是在页面上加载错误。 - sea_1987

Answer 1

您在传递给animate()的对象文字中有尾随逗号。IE不支持这个。以下代码应该可以工作：

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

- MooGoo

Answer 2

好的，我想我能够做到。

邪恶的逗号已经抓住了你!!

marginTop: '0',  // remove comma

并且

marginTop: '-280', // remove comma

在IE中，尾随逗号是大忌。

- jAndy

Answer 3

还有，它不应该是

"-280px" // added "px"

- mraaroncruz