I want to call function before document get ready, so is there any method in Jquery to do this?
If you are using .hide() or display: none; - the hiding of the divs will be displayed.
try:
visibility: hidden;
it worked for me after trying many other ways.
If you simply call a function in the head tag it will execute immediately, before the DOM is even parsed (that's the 'problem' that ready
solves).
<!doctype html>
<html>
<head>
<script>alert(1)</script>
</head>
<body>
</body>
</html>
Just call your function before the document ready statement.
<script>
thisWillFireImmediately();
$(function() {
thisWillFireOnDocumentReady();
});
</script>