Home/ Questions/Q 8717941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T06:24:53+00:00

How can I convert this script so that it fires onload rather than using

  • 0

How can I convert this script so that it fires onload rather than using a button click? I’m trying to understand this but it is not sinking in.

<script type="text/javascript"> 
jQuery(function($){
    // unordered list
    $('button.item').click(function(){
        $('ul').foo();
    });
    
});
</script>
</head>     
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<button class="item">foo</button>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use something like this:

    <body>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
<script type="text/javascript"> 
$(document).ready(function() {
  $('ul').foo();
});
</body>

    Is better if you call it at the end of the file, just befor closing the <body> tag.

    And the function $(document).ready(function(){... is the one you use whn you need to do something when the page loads.

    I recommend you to check the jQuery tutorials in w3schools: http://www.w3schools.com/jquery/default.asp

    Document.ready is faster to react than window.onLoad

    • 0