jQuery .animate({'width':'show'})在Chrome / Safari中无法正常运行?

时间:2011-09-03 12:25:50

标签: jquery google-chrome safari webkit jquery-animate

这段代码适用于Firefox和IE:

$('input').click(function() {       
    $(group).animate({
        'width' : 'show'
    }, 2000, "easeInOutCirc");

});

但是,在webkit浏览器(Chrome和Safari)中,它没有。但是,如果我使用$(group).show();,它适用于所有浏览器。

可能是什么问题?

2 个答案:

答案 0 :(得分:1)

请更改此

'width' : 'show'

'width' :  'toggle'

或使用

"opacity": "show"

答案 1 :(得分:0)

我找到了问题的解决方案。出于某种原因,我需要在jQuery中设置css属性,而不是仅通过$(group)隐藏.hide()。所以我所做的就是把这行代码放在开头:

$(group).css("display","none");

而不是

$(group).hide();

现在它有效。无论如何,感谢您的投入!