【问题标题】:Reduce the speed of a accordion in jquery UI降低jQuery UI中手风琴的速度
【发布时间】:2012-11-12 15:05:20
【问题描述】:

这段代码有两个问题:

首先我想降低效果的速度。

第二个效果操作关闭一个标签,然后会有以下新标签

if ($('#sidebar ul').length) {
    $("#sidebar ul").accordion({
        event: "mouseover",
        active: 1,
        collapsible: false,
        autoHeight: false
    });
}

示例网址:http://jsfiddle.net/8pKMh/

【问题讨论】:

标签: jquery jquery-ui accordion


【解决方案1】:

为了速度,请使用animate

if ($('#sidebar ul').length) {
    $("#sidebar ul").accordion({
        event: "mouseover",
        active: 1,
        collapsible: false,
        autoHeight: false,
        animate: 2000 // miliseconds
    });
}​

来自 jquery ui 文档:

动画

如果以及如何为变化的面板设置动画。

支持多种类型:

  • 布尔值:false 值将禁用动画。
  • 数字:默认缓动的持续时间(以毫秒为单位)。
  • 字符串:与默认持续时间一起使用的缓动名称。
  • 对象:具有缓动和持续时间属性的动画设置。
    • 还可以包含带有上述任何选项的 down 属性。
    • 当被激活的面板的索引低于当前活动的面板时,会出现“向下”动画。

【讨论】:

  • 您的代码没问题,但我发现一个选项卡有几个问题,当您将选项卡#3 离开到 #2 时效果移动得非常快,反之亦然选项卡与其他项目 jsfiddle.net/8pKMh/7
  • @RaulValverde 嗯,你是对的。它看起来像 autoHeight 的一个错误(如果它是 false 效果更好,但可能看起来不像你想要的那样)。
  • 虽然这个例子是假的,你相信有另一种方法能够解决吗?
  • @RaulValverde 不,对不起。我正在使用我的手机,所以现在很难提供帮助。尝试在网络上搜索错误,也许?
  • 好的马里奥,还有其他建议
猜你喜欢
  • 2016-06-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-01-31
  • 2010-12-26
  • 2012-01-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多