Как свести к минимуму код в JQuery со многими функциями в последовательности с помощью цикла или что-то, возможно, с помощью массивов

Question

Я очень новичок в jquery, пожалуйста, помогите мне сделать цикл for или что-то, с помощью чего я могу минимизировать количество кода, написанного ниже:

                $.getScript(basejq + 'ui/jquery.ui.core.js', function(){
                    $.getScript(basejq + 'ui/jquery.ui.widget.js', function(){
                        $.getScript(basejq + 'ui/jquery.ui.mouse.js', function(){
                            $.getScript(basejq + 'ui/jquery.ui.slider.js', function(){
                                $.getScript(basejq + 'time.js', function(){
                                    $('.timepicker').jtimepicker();
                                });
                                $('*').remove(':time');
                            });
                        });
                    });
                });

Понятия не имею, буду признателенлюбая ваша помощь, заранее спасибо.

Answer 1

Вот более чистое решение, но вы могли бы пойти дальше с этим.Я предполагаю, что каждый из этих сценариев зависит от предыдущего сценария.

var scripts = [
    basejq + 'ui/jquery.ui.core.js',
    basejq + 'ui/jquery.ui.widget.js'
    // more files here
], current = 0;

function getScript() {
    if(current >= scripts.length) {
        return;
    }
    $.getScript(scripts[current],
                function() {
                    current += 1;
                    getScript();
                });
}

Также есть несколько библиотек, которые могут обрабатывать зависимости javascript для вас.Вы можете посмотреть на это.