Trigger click function on load

Question

I have the following function which is activated on click:

$('.results .view-rooms').click(function(){   }

Is there anyway I can trigger this function on document load?

document ready or window load you mixed them... :)

gdoron
– gdoron

2012-05-31 20:29:03 +00:00
Commented May 31, 2012 at 20:29 — gdoron
– gdoron, Commented May 31, 2012 at 20:29

user400654 · Accepted Answer · 2012-05-31 20:24:33Z

8

Yes.

$(document).ready(function(){ // on document ready
    $(".results .view-rooms").click(); // click the element
})

edited May 31, 2012 at 20:24

answered May 31, 2012 at 20:22

user400654

95.1k16 gold badges168 silver badges188 bronze badges

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

Comments

gdoron · Accepted Answer · 2012-05-31 20:22:53Z

4

$('.results .view-rooms').click()

You can put it in DOM ready:

$(function(){
    $('.results .view-rooms').click()
});

Or window load:

$(window).load(function(){
    $('.results .view-rooms').click();
});

Note that there is no such event document load.
We have DOM ready or window load

answered May 31, 2012 at 20:22

gdoron

151k59 gold badges302 silver badges376 bronze badges

5 Comments

Phillip Schmidt Over a year ago

I know what DOM is lol, I was just playfully pointing out that $(document).ready() exists

gdoron Over a year ago

@PhillipSchmidt. $(document).ready(fn) is exactly the same as $(fn), the second is an alias to the first.

Phillip Schmidt Over a year ago

hmm.. interesting - I actually didn't know that. Though it makes sense.

gdoron Over a year ago

@PhillipSchmidt. You might want to read this if that was new to you. Disclaimer, it's my question and answer there.

Phillip Schmidt Over a year ago

well enjoy your +rep for teaching me something new (and pretty interesting, too)

Pethical · Accepted Answer · 2012-05-31 20:23:21Z

3

$(document).ready(function(){ $('.results .view-rooms').click(); });

answered May 31, 2012 at 20:23

Pethical

1,49211 silver badges18 bronze badges

Comments

gdoron · Accepted Answer · 2012-06-01 06:39:52Z

2

Considering that you're already using jQuery to bind the event handler, and assuming that code is already in a position where the entire DOM has been constructed, you can just chain the call to .click() to then trigger that event handler:

$('.results .view-rooms')
                        .click(function(){...}) //binds the event handler
                        .click(); // triggers the event handler

edited Jun 1, 2012 at 6:39

gdoron

151k59 gold badges302 silver badges376 bronze badges

answered May 31, 2012 at 20:32

Anthony Grist

38.4k8 gold badges64 silver badges76 bronze badges

1 Comment

gdoron Over a year ago

+1 for the chain, I'm not sure he can use it in this case, But teaching the op the chainablility of jQuery is useful.

4b0 · Accepted Answer · 2012-06-01 03:37:07Z

1

Put the code inside

$(function(){ // code here  });

like:

$(function(){ 
   $(".results .view-rooms").click(); 
});

or

$(function(){ 
   $(".results .view-rooms").trigger('click'); 
});

edited Jun 1, 2012 at 3:37

4b0

22.4k30 gold badges97 silver badges143 bronze badges

answered May 31, 2012 at 20:32

user640832

Comments

gdoron · Accepted Answer · 2012-05-31 20:30:52Z

0

$(function(){

    $('.results .view-rooms').click(function(){ 

    }

    $(".results .view-rooms").trigger('click');

}

edited May 31, 2012 at 20:30

gdoron

151k59 gold badges302 silver badges376 bronze badges

answered May 31, 2012 at 20:24

Alfred Larsson

1,3491 gold badge9 silver badges16 bronze badges

Comments

Consule · Accepted Answer · 2020-04-20 18:31:35Z

0

The best way is:

html form:

<form action="https://stackoverflow.com" method="get">
  <button id="watchButton"></button>
</form>

End Jquery:

<script>
   $('document').ready(function() {
     $('#watchButton').click();
   });
</script>

JQuery Version:

https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js

edited Apr 20, 2020 at 18:31

answered Apr 20, 2020 at 18:25

Consule

1,30913 silver badges13 bronze badges

Collectives™ on Stack Overflow

Trigger click function on load

7 Answers 7

Comments

5 Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

5 Comments

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related