我写了这个包含一个简单JS动画的Plunker,通过jQuery.css/jQuery.animate完成.
简短的介绍:
我需要能够将更改的宽度/高度作为参数传递给动画addClass函数.该addClass确定指标如下:
addClass(element, className, doneCallback)
Run Code Online (Sandbox Code Playgroud)
所以我将自定义值添加到元素的原型中.例如LoC 53
Object.getPrototypeOf(element).custom_bs_width = newVal[attrs.id].width;
Run Code Online (Sandbox Code Playgroud)
并在addClass函数中访问它们以进行动画处理.LoC 65+
myApp.animation('.updateRectangles', function() {
return {
addClass : function(element, className, done) {
jQuery(element).animate({
width: Object.getPrototypeOf(element).custom_bs_width,
Run Code Online (Sandbox Code Playgroud)
这是正确的方法吗?如果不是,有什么替代方案存在将参数传递给JS动画.我将CSS动画和CSS关键帧动画排除为imho,无法传递参数.同意?
angularjs ×1