在jquery ui show上应用缓动？

Question

我正在尝试在jquery ui show效果上应用缓动。理想情况下，api看起来像这样：

$(this).show('scale', {
  duration: 1000,
  easing: 'easeOutBounce', 
});

目前元素显示为：none。我需要用缩放效果来显示它并且有一个缓和。

我是否必须将命令分开，或者是否有类似的东西可以使用？

感谢。

Answer 1

我在jsfiddle上测试了它并且可以工作：

$('.div1').show('scale', {
  duration: 1000,
  easing: 'easeOutBounce', 
});​

http://jsfiddle.net/tenshimsm/AUM6d/1/

Answer 2

您需要在(,)之后移除逗号easeOutBounce，然后它才能正常工作

$(this).show('scale', {
  duration: 1000,
  easing: 'easeOutBounce' 
});

Answer 3

检查firebug，使用代码示例时会添加一些隐藏字符：

            jQuery('#search-container .fa-search').toggle('scale', {duration: 1000,easing: 'easeOutBounce'});​
            jQuery('#homepage-search').toggle('scale', {duration: 1000,easing: 'easeOutBounce'});​