Review a Javascript code snippet to call a function which declared inside jQuery code :
<script>
//javascript
function submitSearchForm() {
updateErrorMessage("Please enter a website url");
}
//jquery
jQuery(document).ready(function($) {
function updateErrorMessage(msg) {
$('#error').html(msg).hide().fadeIn(500);
}
}
);
</script>
But, browser console shows the updateErrorMessage function is not defined.
Uncaught ReferenceError: updateErrorMessage is not defined
Solution
To call the function which is declared inside jQuery code, make it global access by adding the function to window object :
<script>
function submitSearchForm() {
updateErrorMessage("Please enter a website url");
}
jQuery(document).ready(function($) {
//make it global access
window.updateErrorMessage = function(msg) {
$('#error').html(msg).hide().fadeIn(500);
}
}
);
</script>
About Author
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter. If you like my tutorials, consider make a donation to these charities.
Ummmm – I don’t think so… The function is called submitSearchForm… you never call it
what if the javascript is in another file and not in the same file in which jquery code is written
Thanks!
good mate you save my day =)
Thankz to give the great article.
Have found many people mention this kind of issue a lot
in the https://forum.jquery.com/topic/jquery-accessing-functions-inside-document-ready
But you would want the function to have something like this
function myFunction ()
{
$(‘.selection’).css({display:none});
}