我对Speed JS比较陌生。我想介绍一些字符(包含图像URL和名称的对象),例如过渡序列,图像和名称从左到右交替出现。我已经编写了代码并且可以工作,但是有一个主要问题,我觉得我的方法存在一些概念上的错误。
不幸的是,我无法从大型系统中取出一个有效的代码示例。但是基本上在Backbone JS中,我选择元素并将其.html()设置为DB中的某些内容,并将此调用与对speed的调用链接在一起。
举个例子:
@$eventResultAvatarContainer.html("<img src=#{@avatarURLs[0]}>").velocity('transition.bounceLeftIn', { duration: 2000, complete: @entryIntroduction })
可以,但是按以下顺序进行:
首先,该元素在容器中显示为一秒钟。
然后,speed的调用使对象进入或退出动画。
我如何摆脱上面的1.,即在链式调用执行之前,有没有办法在速度动画开始之前不让元素可见?
最佳答案
无法确定是否没有看到实际的代码,但是请尝试使用style="visibility:hidden;"
隐藏eventResultAvatarContainer,然后再使用.css({visibility:'visible'})
在.velocity之前显示它们。
这样可以确保在速度有机会对其进行操作之前就不会渲染该元素。
我做了一个jsfiddle来尝试模拟您的环境,您可以使用它进行进一步的测试,或者尝试尽可能多地重新创建环境。
http://jsfiddle.net/gdp2suet/2/