jQuery Event How to - Trigger a link when the page is loaded

Question

We would like to know how to trigger a link when the page is loaded.

Answer


<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
  src='http://code.jquery.com/jquery-1.6.1.js'></script>
<script type='text/javascript'>
$(window).load(function(){<!--from  w  ww  . j  ava 2  s .  c  o  m-->
    $(function() {
        $('.load-popup-public').click(function() {
            console.log($(this).text() + " was clicked.")
        });
        $(".load-popup-public:first").trigger("click");
    });
});
</script>
</head>
<body>
  <ul>
    <li><a href="#" class="load-popup-public 500x400">1</a></li>
    <li><a href="#" class="load-popup-public 500x400">2</a></li>
    <li><a href="#" class="load-popup-public 500x400">3</a></li>
    <li><a href="#" class="load-popup-public 500x400">4</a></li>
  </ul>
</body>
</html>

The code above is rendered as follows: