在另一个函数完成后运行jquery函数

Question

I want to execute a custom Jquery function after another custom function completes I use timer to func2. It is not correctly solution. How can I write it؟

 function fun1() { $('#sideNavBox .root.static > li.static').each(function(){ if($(this).find('ul').length){ $(this).addClass('remove');} $('#sideNavBox .root.static > li.remove > a').replaceWith(function(){ return $('<span class="additional-background ms-navedit-flyoutArrow">'+$(this).html()+'</span>' ); }); }); }; setTimeout( function fun2() { $('#sideNavBox .root.static > li.father > span').removeClass('additional-background ms-navedit-flyoutArrow'); $('#sideNavBox .root.static > li.father > span').addClass('static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode'); //do something special }, 1000); 

Answer 1

How about you define function 2 and call it inside function 1 at it's end?

function fun1() {
    $('#sideNavBox .root.static > li.static').each(function(){
        if($(this).find('ul').length){
        $(this).addClass('remove');}
        $('#sideNavBox .root.static > li.remove > a').replaceWith(function(){
            return $('<span class="additional-background ms-navedit-flyoutArrow">'+$(this).html()+'</span>' );
        });
    });
   //calling function 2 here
   fun2();
};

Answer 2

Why not simply call the fun2 at the end of the fun1 ?

 function fun2() { $('#sideNavBox .root.static > li.father > span').removeClass('additional-background ms-navedit-flyoutArrow'); $('#sideNavBox .root.static > li.father > span').addClass('static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode'); //do something special } function fun1() { $('#sideNavBox .root.static > li.static').each(function() { if ($(this).find('ul').length) { $(this).addClass('remove'); } $('#sideNavBox .root.static > li.remove > a').replaceWith(function() { return $('<span class="additional-background ms-navedit-flyoutArrow">' + $(this).html() + '</span>'); }); }); fun2();//Call the fun2 } 

Answer 3

You Call fun2() inside fun1()

like this

function fun2() {
    $('#sideNavBox .root.static > li.father > span').removeClass('additional-background ms-navedit-flyoutArrow');
    $('#sideNavBox .root.static > li.father > span').addClass('static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode'); 
    //do something special
}

function fun1() {
$('#sideNavBox .root.static > li.static').each(function(){
    if($(this).find('ul').length){
    $(this).addClass('remove');}
    $('#sideNavBox .root.static > li.remove > a').replaceWith(function(){
        return $('<span class="additional-background ms-navedit-flyoutArrow">'+$(this).html()+'</span>' );
    });
});

fun2() ;//Call function 2
}