javascript - Calling /../file.js function from inline declared html js gives - ReferenceError: function is not defined -
im trying call function declared within /js/file.js - inline js <script>
tag'.
what happens is:
- from /js/file.js call function
triggeredbyjsfile()
declared in inline<script>
tag' - then inline
<script>
tag' end doing callback function within /js/file.js -imagesloaded()
im getting error each time try callback /js/file.js function: "referenceerror: imagesloaded not defined"
my setup following:
<html> <head> <!-- js file containing function want call --> <script src="js/file.js"></script> </head> <body> <div id="content">....</div> <script> function triggeredbyjsfile() { //does lot of stuff , initiatesomething(); } function initiatesomething() { //reference js file imagesloaded(); } </script> </body> </html>
my /js/file.js
$(document).ready(function () { triggeredbyjsfile(); function imagesloaded() { alert("images loaded"); } });
error firebug console shows me
referenceerror: imagesloaded not defined [break on error] imagesloaded();
figured able long load .js file before reference / function call @ bottom?
imagesloaded
defined in scope of anonymous function pass ready
.
it not global , cannot called other scripts.
move outside of anonymous function make global.
Comments
Post a Comment