Just to be sure, jQuery 3 still supports .load() to load content. Only the event listener creation and trigger needs to use .on() and .trigger().
// jQuery 2
$("selector").load(function() {
console.log("I'm loaded!");
});
$("selector").load();
// jQuery 2 + jQuery 3
$("selector").on("load", function() {
console.log("I'm loaded!");
});
$("selector").trigger("load");
The error handling is the same. .error() is deprected, use on again:
// jQuery 2 + jQuery 3
$("selector").on("load", function() {
console.log("I'm loaded!");
}).on("error", function() {
console.log("I'm having errors!");
});
$("selector").trigger("error");
Or combine both event listeners in a single .on():
// jQuery 2 + jQuery 3
$("selector").on({
load: function() {
console.log("I'm loaded!");
},
error: function() {
console.log("I'm having errors!");
}
});
$("selector").trigger("load");
$("selector").trigger("error");
readystates. That is not the question here. Your case is very special. ;)