jQuery callback function pass event

Question

I have a click event as follow which works fine:

$('#showmenu').off('click').on('click', function(e) {
    e.preventDefault();
    e.stopPropagation();
    show_menu();
    return false;
});

where show_menu is:

function show_menu(e) {
    if (!collapseForm.is(':visible')) {
        collapseForm.show();
        showMenu.removeClass(chevronDown).addClass(checvronUp);
        searchAgain.hide();
    } else {
        collapseForm.hide();
        showMenu.removeClass(checvronUp).addClass(checvronDown);
        searchAgain.show();
    }
}

I would like to be able to do something like that:

$('#showmenu').off('click').on('click', show_menu(e));

Is it possible to pass "e" to the callback function by doing the following?

function show_menu(e) {
    e.preventDefault();
    e.stopPropagation();
    if (!collapseForm.is(':visible')) {
        collapseForm.show();
        showMenu.removeClass(chevronDown).addClass(checvronUp);
        searchAgain.hide();
    } else {
        collapseForm.hide();
        showMenu.removeClass(checvronUp).addClass(chevronDown);
        searchAgain.show();
    }
    return false;
}

Quentin · Accepted Answer · 2016-03-11 15:41:43Z

3

The event object is passed to the function when the function is called (by the event firing).

You have to pass the function to the on method.

$('#showmenu').off('click').on('click', show_menu);

answered Mar 11, 2016 at 15:41

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

4 Comments

Aessandro Over a year ago

I am getting: Uncaught ReferenceError: e is not defined, see updated question

Quentin Over a year ago

@Alex — I'm not getting that: jsbin.com/subecom/1/edit?html,js,console,output

Aessandro Over a year ago

see screenshot attached

Quentin Over a year ago

@Alex — In the question you wrote function show_menu(e) { e.preventDefault();. That isn't what the screenshot shows.

Collectives™ on Stack Overflow

jQuery callback function pass event

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related