How to emulate click event with jQuery?

Question

i have simple code:

jQuery(document).ready(function(){
    url = document.location.href.split('#');

    if(url[1] === 'button-show-modal'){
        console.log('true');
        jQuery('#button-show-modal').click();
    }
)

So when page is loaded i see in console true, but no modal appears... If i run jQuery('#button-show-modal').click(); by myself modal appears as it should so generally click event doesn't appear. Where could be the problem?

David Barker · Accepted Answer · 2013-05-10 08:43:08Z

3

You want to trigger the click in jQuery. The code below is assuming you actually have a click event handler in place already on the element.

jQuery('#button-show-modal').trigger('click');

answered May 10, 2013 at 8:43

David Barker

14.6k3 gold badges51 silver badges77 bronze badges

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

3 Comments

billyonecan Over a year ago

Isn't .click() just an alias for .trigger('click')?

David Barker Over a year ago

@Kirix where are you delcaring your click handler? could you post this in your question?

Kin Over a year ago

thanks for answers. Problem was that i triggered click before the default behavior on this click so it just doesn't had anything to show.

user3165434 · Accepted Answer · 2015-01-31 15:31:15Z

1

I did so:

jQuery('#button-show-modal')[0].click();

First index in jQuery object is DOM element: jQuery.get()

answered Jan 31, 2015 at 15:31

user3165434

311 bronze badge

Collectives™ on Stack Overflow

How to emulate click event with jQuery?

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