jQuery click() vs. calling a different way

Question

I think that I will learn something about how Javascript thinks, and as a PHP coder that will be a big help. I have provided a link to a working model here, it's a tab interface, very simple:

http://mypilotsupply.com/console/dev.click.php

click on any tab to see what I mean.

If I physically "click" on a tab, it shows that layer and hides the others.

My QUESTION is, how can I write the following, either:

document.getElementById('tab_history').onclick();

or

$('#tab_history').onclick();

since the function I wrote is bound to that class, I can't figure out how to effect the same as if I'd clicked it.

Again, your answer is appreciated and will probably give me some insight into the concept of functions and anonymous functions.

learn.jquery.com/events/triggering-event-handlers

Felix Kling
– Felix Kling

2013-11-28 00:51:25 +00:00
Commented Nov 28, 2013 at 0:51 — Felix Kling
– Felix Kling, Commented Nov 28, 2013 at 0:51

Arun P Johny · Accepted Answer · 2013-11-28 00:57:06Z

2

you can use .click() to manually trigger the click handlers - note: the default action of the click event may not get triggered by this because of browser restrictions

$('#tab_history').click();

edited Nov 28, 2013 at 0:57

answered Nov 28, 2013 at 0:48

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Samuel Fullman Over a year ago

that did the job - and it's remarkable to me in that I can get to the element in one way (#tab_History) when the function applied to ('.tabRaise a') - nice when something is smart!

Alessandro Incarnati · Accepted Answer · 2013-11-28 15:52:08Z

1

For example use click: $('#tab_history').click(); or

You could use trigger(); as alternative.

$('#tab_history').trigger('click');
<ul>
    <li>
        <a href="#inline">Test</a>
    </li>
</ul>

$(document).on("click", "a", function(){
    $(this).text("It works!");
});

$(document).ready(function(){
    $("a").trigger("click");
});

edited Nov 28, 2013 at 15:52

answered Nov 28, 2013 at 0:51

Alessandro Incarnati

7,2523 gold badges41 silver badges57 bronze badges

3 Comments

Felix Kling Over a year ago

This binds an event handler, it doesn't trigger one.

Alessandro Incarnati Over a year ago

Yes obviously. It does not trigger but in case he wanted to add some event to the button click.

Felix Kling Over a year ago

That's not what the question is about IMO.

Collectives™ on Stack Overflow

jQuery click() vs. calling a different way

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related