Events Load And Ready Not Firing

This is my code: $(document).on('ready load click',function(){ console.log('hiihuhu') }) I included the jquery script above. The problem is the click event is firing but the l

Solution 1:

Which Version of jQuery are you using

According to jQuery docs

$(document).on( "ready", handler ), deprecated as of jQuery 1.8 and removed in jQuery 3.0. Note that if the DOM becomes ready before this event is attached, the handler will not be executed.

$( window ).load(function() {
 alert("hello");
});

$(document).ready(function(){
   $(document).on('click',function(){
     alert("in click event");
     });
});

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div>hello</div>

1. Window onload: :Is fired when all the content including images has been loaded

2. document.ready : Is fired after html document is loaded

So i guess you cannot combine all three events ready,load and click the way you have tried

Hope it helps