Why can I not define functions in jQuery’s document.ready()?

by

Not sure why defining the function with in the scope of ready() is important to you, but you can make it work by declaring foo up front:

<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script>
var foo;                           // Here's the difference
$(document).ready(function(){
  foo = function ()
  {
    alert('Bar');
  }
});
</script></head><body>
<input type="button" onclick="foo()" value="Click me">
</body></html>

Obviously you can’t call foo() from the inline script immediately after ready() because the ready() code hasn’t yet run, but you can call the function later on.

Just make sure that nothing can try to call foo() before the ready() code has run (or make the initial declaration of foo() a harmless function).

More Related Contents:

  1. jQuery AJAX cross domain
  2. Detect browser or tab closing
  3. Last segment of URL with JavaScript
  4. Is Safari on iOS 6 caching $.ajax results?
  5. Animate element to auto height with jQuery
  6. jQuery map vs. each
  7. The .replace() method does change the string in place
  8. Get a CSS value from external style sheet with Javascript/jQuery
  9. How to load images dynamically (or lazily) when users scrolls them into view
  10. Why can’t I use onClick to execute a function inside a jQuery $(document).ready function?
  11. Can’t get value of input type=”file”?
  12. JQGrid Custom Sorting
  13. Best JavaScript solution for client-side form validation and interaction? [closed]
  14. jQuery prevent change for select
  15. Can I resize the browser window?
  16. Clearing my form inputs after submission
  17. Check if element is between 30% and 60% of the viewport
  18. jQuery 1.10.2 warning issue from Firefox
  19. Saving and Restoring caret position for contentEditable div
  20. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  21. How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
  22. Custom “confirm” dialog in JavaScript?
  23. Add image in pdf using jspdf
  24. Differentiate click vs mousedown/mouseup
  25. How to properly unload/destroy a VIDEO element
  26. How to hide optgroup/option elements?
  27. What is the new proper way to use a child selector with a context node in jQuery?
  28. How to include jquery.js in another js file?
  29. Determine distance from the top of a ‘div’ to top of the window with JavaScript
  30. How to use confirm using sweet alert?

Leave a Comment