Стандартное решение не утсраивает тем, что в таком случае в скрипте получается каша из визуальных эффектов и логических функций, к тому же если нам надо в каждую функцию передавать различные параметры, будет вообще ужас, если к примеру после анимации anim(x) надо выполнить logic(args), затем anim2(y), затем logic2(args2) нужно исполнять что-то вроде:
| Код |
function anim(x, args, y, args2){
$(x)animate({...}, speed, 'linear', function(){
logic(args, y, args2)
})
}
function anim2(y, args2){
$(y)animate({...}, speed, 'linear', function(){
logic2(args2);
})
}
function logic(args, y, args2){
// делаем что-то логическое c args
anim2(y, args2)
}
function logic2(args2){
// делаем что-то логическое c args2
alert('Уррра! Наши мучения закончились!!!')
}
//вызов
anim(x, args, y, args2);
|
Другой пример: нам надо выполнять одну и ту же функцию anim() перед выполнением logic(args) и logic2(args2), тогда вообще получается жёсткая жесть:
| Код |
function anim(x, callback){
$(x)animate({...}, speed, 'linear', function(){
eval(callback)
})
}
function logic(args){
// делаем что-то логическое c args
}
function logic2(args2){
// делаем что-то логическое c args2
}
// вызов
anim(x, 'logic('+args+')')
...
// и второй раз
anim(x, 'logic2('+args2+')')
|
И если не дай бог в args или args2 передаётся объект, тогда вообще придётся создавать глобальные переменные, а это вообще не фэн-шуй.
Плюс ко всему было бы удобно и красиво, если бы вся анимация была в одном js файле, а вся логика в другом, а связывались бы они с помощью тех самых цепочечных вызовов функций, в таком случае было бы очень удобно менять эффекты не копаясь в логике или модифицировать логику, не разгребая эффекты. |
Для начала - можно "описать" ту цепочку, которую я предложил - пара алертов через таймаут. 