在 jquery ui 显示上应用缓动？

发布于 2024-11-02 00:06:32 字数 244 浏览 1 评论 0原文

我正在尝试对 jquery ui 显示效果应用缓动。理想情况下，API 看起来像这样：

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

当前该元素位于 display:none。我需要用缩放效果来显示它并有一个缓动。

我是否必须分开命令或者是否有类似的东西可以工作？

谢谢。

原文

I'm trying to apply easing on a jquery ui show effect. Ideally the api would look something like this:

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

Currently the element is at display:none. I need to show it with the scaling effect and have an easing.

Do I have to separate the commands or is there something like this that would work?

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

べ映画 2024-11-09 00:06:32

我已经在 jsfiddle 上测试了它并且有效：

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

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

I've tested it on jsfiddle and works:

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

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

回复收藏 0 原文

缺⑴份安定 2024-11-09 00:06:32

您需要在 easeOutBounce 之后删除逗号 (,) 然后它应该可以工作

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

You need to remove comma (,) after easeOutBounce then it should work

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

回复收藏 0 原文

沐歌 2024-11-09 00:06:32

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

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

Check firebug, when using code example it adds some hidden characters:

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

回复收藏 0 原文

~没有更多了~