how to set up priority for functions in javascript

Question

My team is developing a web application, for a particular element we have a click event which is defined in two js files.

$("#manage_teams_register_btn").live("click",function(){

// codes here

})

now I am appending html elements in one js file and in the other i am getting data from db and appending it. Is it possible to set some priority in these live click functions so that one gets called ahead of the other!?

I cant use solutions like putting all contents of one live click into a function and calling it from live click defined in other js or any other solutions, i need to put up the priority inside these live click functions. Is there a way we can do this??

Is this a new project? .live() is deprecated since v1.7 and removed since v1.9 — user247702
– user247702, Commented Aug 20, 2013 at 7:22

Suresh Atta · Accepted Answer · 2013-08-20 07:10:47Z

4

This model might helpful

$("#manage_teams_register_btn").live("click",function(){
        function1();
        function2();
});

function function1(){

}

function function2(){

}

Maintain only one click event otherwise it horriblly kills the readability od code.

answered Aug 20, 2013 at 7:10

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Vova Lando Over a year ago

Probably you have to add setTimeout after ajax calling function, to ensure that the 2nd function runs after the ajax finished. functionAjax(); setTimeout(function(){ nonAjaxFunction(); });

Suresh Atta Over a year ago

Yes,What @VovaLando told is true.Keep in mind the Asynchronous strategy also.

GoodSp33d Over a year ago

if function 1 involves async tasks call function 2 within function 1 (success callback) to ensure priority. Set time out is not always reliable.

Suresh Atta Over a year ago

@2-Stroker Yes asynchronous in the sense,Success call back only.If you go for set timeout,How much time you specify in timeout ??You never knows when the request completes :)

Vova Lando Over a year ago

that the reason I used setTimeout wo 'time' specifying because, setTimeout wo time waits for flow to be clear before it runs his content stackoverflow.com/questions/9083594/…

|

Vladislav Qulin · Accepted Answer · 2013-08-20 07:18:31Z

1

The jQuery observer part uses queue to reveal events attached. So if you write

$("#manage_teams_register_btn")
    .on("click.firstEventNamespace", function () {
        console.log("Hello");
    })
    .on("click.secondEventNamespace", function () {
        console.log("World!");
    });

You will get "HelloWorld!" in your console like no problem =)

But if you attach your events from different files, you should consider using some patterns, like abstract factory for your controls.

answered Aug 20, 2013 at 7:18

Vladislav Qulin

1,9321 gold badge17 silver badges20 bronze badges

Comments

Guffa · Accepted Answer · 2013-08-20 07:26:14Z

0

Event handlers in jQuery are always executed in the exact order that they were bound. Ref.

You just need to make sure that the different codes that bind the events are binding them on the same element, and that they are executed (included) in the order that you want the handlers to be executed.

answered Aug 20, 2013 at 7:26

Guffa

703k111 gold badges760 silver badges1k bronze badges

Collectives™ on Stack Overflow

how to set up priority for functions in javascript

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related