Calling jQuery functions on pageload

Question

b.delegate(".uipro_open_left", "click", function(){$.uiPro.open("left")});
b.delegate(".uipro_open_right", "click", function(){$.uiPro.open("right")});

I would like to call these two on page load. How could I do that? Thank you in advance for your reply. :)

possible duplicate of [jQuery onload function](http://stackoverflow.com/questions/3623890/jquery-onload-function) — Derek 朕會功夫, Aug 25 '14 at 17:28

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

There are 2 ways of doing it

$(document).ready(function(){
    //your function
});

or simply

$(function(){
    //your function
});

Read window.onload vs $(document).ready() to get a clear understanding of when you need to call you functions.

Correcting your grammar, your functions would be called when that element will be clicked on the page. Enclosing your function definition in the snippet I have mentioned will ensure that these are invoked only when your DOM is ready.

Sorry to say this but you have a steep learning curve ahead so get started ASAP.

edited May 23 '17 at 11:57

Community

1
1

answered Aug 25 '14 at 17:25

Saksham

9,037
7
45
73

could you please help where should I put this code: "" – LZL0 Aug 25 '14 at 17:32
inside you `` tag(not necessarily). Before jumping to this, start reading http://www.w3schools.com/jQuery/ – Saksham Aug 25 '14 at 17:42

score 0 · Answer 2 · answered Aug 25 '14 at 17:27

0

You can use $( document ).ready() function.

$( document ).ready(function() {
    console.log( "ready!" );
});

answered Aug 25 '14 at 17:27

Biswajit

2,434
2
28
35

Calling jQuery functions on pageload

2 Answers2