Naming jQuery Functions

Question

$(".song").live('click', function songClick() {
    //do stuff
});

Can you name a function like above and then call it at a later point? I tried, but it didn't work. Do I have to pass an event to it?

Liza Daly · Accepted Answer · 2011-03-27 19:07:16Z

13

Just name it as a standalone function and call it from live():

function songClick() {
  // do stuff
}

$(".song").live('click', songClick);

Note the lack of parens in the live() method.

answered Mar 27, 2011 at 19:07

Liza Daly

2,97325 silver badges31 bronze badges

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

Comments

K.S. · Accepted Answer · 2013-08-08 09:55:55Z

11

Note for reference's sake:

The live method was removed in version 9. Anyone coming across this question now should use on() instead. But otherwise, should work the same as above answers.

function songClick() {
//code
}

$(".song").on('Click', songClick);

If you only want the event handler to run once you can also use one() as well.

answered Aug 8, 2013 at 9:55

K.S.

1231 silver badge8 bronze badges

Comments

Ernest Friedman-Hill · Accepted Answer · 2011-03-27 19:07:20Z

1

You can define the function before the jquery code, then just pass the name to jquery; i.e.,

function songClick() {
    //do stuff
}
$(".song").live('click', songClick);

You could then use songClick() elsewhere, too.

answered Mar 27, 2011 at 19:07

Ernest Friedman-Hill

81.9k11 gold badges158 silver badges192 bronze badges

Collectives™ on Stack Overflow

Naming jQuery Functions

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related