jQuery跨浏览器问题答案

【问题标题】：jQuery cross-browser issuejQuery跨浏览器问题
【发布时间】：2011-03-25 22:04:19
【问题描述】：

我的这段代码在所有浏览器上都运行良好，但在 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;
    }
);

【问题讨论】：

IE6 只是在页面上加载错误

标签： javascript jquery internet-explorer-6 cross-browser

【解决方案1】：

您在传递给animate() 的对象文字中有尾随逗号。 IE 不支持这个。这应该有效：

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

【讨论】：

【解决方案2】：

是的，我想我可以。

邪恶的逗号抓住了你！！

marginTop: '0',  // remove comma

和

marginTop: '-280', // remove comma

尾随逗号在 IE 中是一个很大的禁忌。

【讨论】：

【解决方案3】：

也不应该是这样的

"-280px" // added "px"

【讨论】：