jQuery UI show() 效果不是预期的

Question

我正在尝试在 show() 上重现 hide() 上相同的比例效果运行。我用的是同样的参数，但是效果不一样：

$('.div1').show('scale', {
   direction: "horizontal",
   duration: 1000
});

$('.div2').hide('scale', {
   direction: "horizontal",
   duration: 1000
});

http://jsfiddle.net/AUM6d/305/

Answer 1

如果效果可以接受，试试这个：

$('.div1').show('scale', {
   direction: "both",
   duration: 1000
});

$('.div2').hide('scale', {
   direction: "both",
   duration: 1000
});

JSFiddle：http://jsfiddle.net/AUM6d/307/

它略有不同，但有效。从我的测试（和 jQueryUI 演示页面）看来 direction: 'horizontal' 有问题。

Answer 2

您可以使用 from 属性并实现您想要的：

$('.div1').show('scale', {
        direction: "horizontal" ,
        from: { width: "0"}
       },
    1000
);

这样你就可以告诉它从 0 宽度开始并从那里展开。

Fiddle

jQuery UI show() 效果不是预期的

jQuery UI show() effect is not expected

jquery

jquery-ui