On page load jquery

Question

I have a jQuery click event which runs when an element is clicked. Is it possible to get this to run once when the page is loaded?

Answer 1

$(document).ready(function(){
//do something here
});

Answer 2

You can do like another poster's suggestion or try this (stolen from here):

<script type="text/javascript" 
        src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script type="text/javascript">
  // You may specify partial version numbers, such as "1" or "1.3",
  //  with the same result. Doing so will automatically load the 
  //  latest version matching that partial revision pattern 
  //  (e.g. 1.3 would load 1.3.2 today and 1 would load 1.4.2).
  google.load("jquery", "1.4.2");

  google.setOnLoadCallback(function() {
    // Place init code here instead of $(document).ready()
  });
</script>

Answer 3

$(document).ready(function(){

  $('#yourelement').bind('click', function() {
     /* set handler onclick */

  })
  /* trigger ('run once') on domready */
  .trigger('click'); 


});

Answer 4

sure, just issue a click() like:

$(document).load(function(){

   $('#someelement').click(function(){
      alert("some element clicked");
   });

   $('#someelement').click();
   // or $('#someelement').trigger('click');
});

working example here --> http://jsfiddle.net/ZXyJH/

Answer 5

As I mentioned in the comments, especially if the code is used in one page, break it out into a js file for that page. Why carry around a bunch of javascript in every page. Imagine doing that through the entire site.

If you need it in more that one page break it out into a function either in your main js file or another js file that is used by one or more pages. Set up a call to it from your click event and you will also be able to call it from anywhere else, such as from a doc ready function in a page specific js file.