0

我对速度 JS 比较陌生。我想介绍一些字符（包含图像 URL 和名称的对象），例如图像和名称交替来自左右的转换序列。我已经编写了代码并且它可以工作，但是有一个主要问题，我觉得我的方法存在一些概念上的错误。

不幸的是，我无法从大系统中取出一个工作代码示例。但基本上在 Backbone JS 中，我选择元素并将其 .html() 设置为数据库中的某些内容，并将此调用与对速度的调用链接起来。

举个例子：

@$eventResultAvatarContainer.html("<img src=#{@avatarURLs[0]}>").velocity('transition.bounceLeftIn', { duration: 2000, complete: @entryIntroduction })

这有效，但按以下顺序：

  1. 首先，元素在容器中显示片刻。
  2. 然后velocity的调用动画对象进出。

我怎样才能摆脱上面的 1. 即在链式调用执行之前，有没有办法让元素在速度动画开始之前不可见？

4

1 回答 1

1

在没有看到实际代码的情况下无法确定，但在使用 .velocity 之前显示它们之前尝试使用style="visibility:hidden;"隐藏eventResultAvatarContainer。.css({visibility:'visible'})

这可以确保在速度有机会对其进行操作之前不会渲染该元素。

我做了一个 jsfiddle 来尝试模拟你的环境，你可以用它来做进一步的测试，或者尽可能地重新创建你的环境。

http://jsfiddle.net/gdp2suet/2/

于 2015-04-05T03:17:49.733 回答