我正在编写一个插件,它定位“master DIV”中的多个HTML元素并为其设置动画。它的结构使得用户可以在div中轻松创建多个对象,然后在单个JS调用中轻松传递设置。
示例:
<div id="master">
<div>Object 1</div>
<div>Object 2</div>
...
</div>
... (script call)
$('#master').animate-it({
speed_in: "0 -> 500",
speed_out: "250 -> 0"
});
我知道这是一种不同的做法,但这就是一种想法 - 针对不同用户采用不同的方法。基本上,对象1的动画为0,输出为250.对象2的动画为500,输出为0.现在一切正常,除非我在调用中删除其中一个设置有问题(因为默认值只有有1个值 - speed_in:0)。
以下是定义默认值的插件的顶部:
jQuery.fn.animate-it = function(options){var defaults = {speed_in: “0”,speed_out:“0”,......
我有一个变量来表示要设置动画的对象数量。我如何循环使用默认变量并使默认设置与对象数匹配?
1 object:
speed_in: "0"
2 objects:
speed_in: "0 -> 0"
3 objects:
speed_in: "0 -> 0 -> 0"