Я пишу плагин, который нацелен на несколько элементов HTML внутри «master DIV» и анимирует их. Он структурирован таким образом, что пользователь может легко создавать несколько объектов внутри этого 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 = функция (опции) {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"