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 May 31 '12 at 20:29 — gdoron, May 31 '12 at 20:29

Kevin B · Accepted Answer · 2012-05-31T20:24:33.197

8

Yes.

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

edited May 31 '12 at 20:24

answered May 31 '12 at 20:22

Kevin B

94,570
16
163
180

score 4 · Answer 2 · answered May 31 '12 at 20:22

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 '12 at 20:22

gdoron

147,333
58
291
367

I know what DOM is lol, I was just playfully pointing out that $(document).ready() exists – Phillip Schmidt May 31 '12 at 20:29
2

@PhillipSchmidt. `$(document).ready(fn)` is exactly the same as `$(fn)`, the second is an alias to the first. – gdoron May 31 '12 at 20:30
hmm.. interesting - I actually didn't know that. Though it makes sense. – Phillip Schmidt May 31 '12 at 20:34
@PhillipSchmidt. You might want to [read this](http://stackoverflow.com/q/10753306/601179) if that was new to you. Disclaimer, it's my question and answer there. – gdoron May 31 '12 at 20:37
well enjoy your +rep for teaching me something new (and pretty interesting, too) – Phillip Schmidt May 31 '12 at 21:38

score 3 · Answer 3 · answered May 31 '12 at 20:23

3

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

answered May 31 '12 at 20:23

Pethical

1,472
11
18

score 2 · Answer 4 · edited Jun 01 '12 at 06:39

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 01 '12 at 06:39

gdoron

147,333
58
291
367

answered May 31 '12 at 20:32

Anthony Grist

38,173
8
62
76

+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. – gdoron Jun 01 '12 at 06:39

score 1 · Answer 5 · edited Jun 01 '12 at 03:37

1

Put the code inside

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

like:

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

or

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

edited Jun 01 '12 at 03:37

4b0

21,981
30
95
142

answered May 31 '12 at 20:32

score 0 · Answer 6 · edited May 31 '12 at 20:30

0

$(function(){

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

    }

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

}

edited May 31 '12 at 20:30

gdoron

147,333
58
291
367

answered May 31 '12 at 20:24

Alfred Larsson

1,339
1
9
16

Consule · Answer 7 · 2020-04-20T18:31:35.207

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 '20 at 18:31

answered Apr 20 '20 at 18:25

Consule

1,059
12
12

Trigger click function on load

7 Answers7

Linked