Trigger a click event with parameters

Question

I have an click function that I want to trigger outside of the function with parameters.

<div id="menubar">
    <a id="menu_file_open">File Open</a>
    <a id="menu_file_save">Save File</a>
</div>


$("#menubar a").click(function(event){

    var menu_item = $(this).attr('id');
    var $context = $(this);

    switch(menu_item){

        case 'menu_file_open':
             //Do menu file open dialog
        break;

        case 'menu_file_save': break;

    }

});

$('#menubar a').trigger('click'); //not working (ID,context not defined);

How would I pass in the ID and the context of the div as it was actually clicked.

What you have should work.. provided the link has an ID and the context should be link element. Just a tip: You can just do $('#menubar a').click() instead of .trigger — Selvakumar Arumugam
– Selvakumar Arumugam, Commented Jun 12, 2012 at 18:04
Also, you may want to filter that down to a specific anchor element rather than triggering the click handler on all of them at once, depending on what you are trying to do of course. — user400654
– user400654, Commented Jun 12, 2012 at 18:07
I have more then one item so thanks so I just need to say: $('#menubar a#ID_HERE').trigger('click'); and it works. Thanks you Kevin B. — Kivylius
– Kivylius, Commented Jun 12, 2012 at 18:13
check this it works for more than one elements too jsfiddle.net/joycse06/gPvfc/1 . Though I am not sure if you want to trigger click for all of them at once, — Prasenjit Kumar Nag
– Prasenjit Kumar Nag, Commented Jun 12, 2012 at 18:15

Kivylius · Accepted Answer · 2012-06-12 18:49:32Z

6

It works for me:

<div id="menubar">
    <a id="click_me" href="#">Click me</a>
    <a id="dont_click" href="#">Don't click</a>
</div>

$("#menubar a").click(function(event){
    var menu_item = $(this).attr('id');
    var $context = $(this);

    //....
});

$('#menubar a#click_me').click(); // or $('#menubar a#dont_click').trigger('click');

edited Jun 12, 2012 at 18:49

Kivylius

6,63713 gold badges48 silver badges74 bronze badges

answered Jun 12, 2012 at 18:15

user278064

10.2k1 gold badge36 silver badges48 bronze badges

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

3 Comments

FishBasketGordo Over a year ago

Calling click() is just a short cut for calling trigger('click')

user278064 Over a year ago

You're Right! I always used click() :p. I'll update my post according to your hint!

user278064 Over a year ago

@CezarisLT: Are u still having the context not defined problem? Because this could mean likely that you've problems with the JQuery library.

FishBasketGordo · Accepted Answer · 2012-06-12 18:18:33Z

4

You can pass and retrieve arbitrary data to a jQuery event handler, like so:

$(selector).click({ dataItem1: 'value1', dataItem2: 'value2' }, function(e) {
    var val1 = e.data.dataItem1,
        val2 = e.data.dataItem2;
});

However, because your code is working here, I suspect that there may be another problem, like the jQuery library isn't loaded or there is an error else where in your scripts.

answered Jun 12, 2012 at 18:18

FishBasketGordo

23.2k4 gold badges60 silver badges92 bronze badges

Collectives™ on Stack Overflow

Trigger a click event with parameters

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related