this code wont run on jquery-3.1.0.js

Question

Is there any reason why this code wont run on JS 3.1.0 running locally ( downloaded from http://jquery.com/download/ ) but runs fine when I load it from http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

<script>
$(window).load(function() {
$(".se-pre-con").fadeOut("slow");;
});
</script>

I'm confuse... please help...

why are you using the load event? try a document ready statement `$(function(){})` — madalinivascu, Feb 15 '17 at 05:14
See also [Why is my 'load' event/function not beeing executed after switching to jQuery 3?](http://stackoverflow.com/questions/38585373/why-is-my-load-event-function-not-beeing-executed-after-switching-to-jquery-3) — guest271314, Feb 15 '17 at 05:35

prtdomingo · Accepted Answer · 2017-02-15T05:31:26.317

1

The jQuery that you're using here http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js uses jQuery 1.6.1, while the jQuery that you've downloaded from https://jquery.com/download/ uses jQuery 3.

And in the documentation of jQuery 3 here, it says:

Breaking change: .load(), .unload(), and .error() removed

So instead of using .load() you can just use $(function() {}); like this:

$(function() {
  // insert code here...
});

edited Feb 15 '17 at 05:31

answered Feb 15 '17 at 05:20

prtdomingo

Note, `.ready()` was slated for deprecation by jQuery authors, though not sure if or when that would occur. – guest271314 Feb 15 '17 at 05:26
Cool, I've updated the answer now to using `$(function() {});` instead of `.ready()` to be sure. Thanks! – prtdomingo Feb 15 '17 at 05:31
thanks... I was trying to show a loading animation while the pages loaded in the background... – The Naga Tanker Feb 15 '17 at 06:00

score 1 · Answer 2 · answered Feb 15 '17 at 05:29

1

The load() method is removed in Jquery version 3.0.

answered Feb 15 '17 at 05:29

vamshi krishna

2 Answers2