El método error() en jQuery se usa cuando un elemento encuentra un error que indica que el elemento no se cargó correctamente. El método error() adjunta una función para ejecutar cuando ocurre un evento de error o desenstring el evento de error.
Sintaxis:
- Adición de función en caso de error:
$(selector).error(function)
- Activación de evento de error para algunos elementos seleccionados:
$(selector).error()
Parámetro:
- función: este parámetro es opcional y especifica la función que se ejecutará cuando ocurra el evento de error.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>error() method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("img").error(function() {
$("img").replaceWith(
"<h3>Error occurs</h3>");
});
});
</script>
</head>
<body>
<center>
<h1>Welcome to GeeksforGeeks!.</h1>
<div style="background-color:yellow;">
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190220214542/a13.png">
</div>
<div style="background-color:green">
<h3> The image will be replaced with specified
text if the image above encounters an error.</h3>
</div>
</center>
</body>
</html>
Producción:
Ejemplo-2:
<!DOCTYPE html>
<html>
<head>
<title>error() method</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("img").error(function() {
$("img").replaceWith(
"<h3>Error </h3>");
});
});
</script>
</head>
<body>
<center>
<div style="background-color:green">
<h1>Welcome to GeeksforGeeks!.
</h1>
</div>
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190220220257/a22.png"
width="284"
height="113">
<h3>Image is replaced with a specified
text, if error occur in loading.</h3>
</center>
</body>
</html>
Producción:
Nota: este método se eliminó en la versión 3.0 de jQuery .
Publicación traducida automáticamente
Artículo escrito por AdeshSingh1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA